修复播放时，幻灯片竖版比例问题

src/views/Screen/ScreenSlide.vue

 <template>
   <div 
     class="screen-slide"
+    style="overflow: hidden;"
     :style="{
-      width: VIEWPORT_SIZE + 'px',
-      height: VIEWPORT_SIZE * viewportRatio + 'px',
+      width: (viewportRatio<1 ? VIEWPORT_SIZE:VIEWPORT_VER_SIZE )+ 'px',
+      height: (viewportRatio<1 ? VIEWPORT_SIZE:VIEWPORT_VER_SIZE ) * viewportRatio + 'px',
       transform: `scale(${scale})`,
     }"
   >
@@ -26,7 +27,7 @@ import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
 import type { Slide } from '@/types/slides'
 import { injectKeySlideId } from '@/types/injectKey'
-import { VIEWPORT_SIZE } from '@/configs/canvas'
+import { VIEWPORT_SIZE,VIEWPORT_VER_SIZE } from '@/configs/canvas'
 import useSlideBackgroundStyle from '@/hooks/useSlideBackgroundStyle'
 
 import ScreenElement from './ScreenElement.vue'

src/views/Screen/ScreenSlideList.vue

@@ -39,7 +39,7 @@ import { computed, provide } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
 import { injectKeySlideScale } from '@/types/injectKey'
-import { VIEWPORT_SIZE } from '@/configs/canvas'
+import { VIEWPORT_SIZE, VIEWPORT_VER_SIZE } from '@/configs/canvas'
 import { SLIDE_ANIMATIONS } from '@/configs/animation'
 
 import ScreenSlide from './ScreenSlide.vue'
@@ -52,7 +52,7 @@ const props = defineProps<{
   manualExitFullscreen: () => void
 }>()
 
-const { slides, slideIndex } = storeToRefs(useSlidesStore())
+const { slides, slideIndex,viewportRatio } = storeToRefs(useSlidesStore())
 
 const slidesWithTurningMode = computed(() => {
   return slides.value.map(slide => {
@@ -68,8 +68,7 @@ const slidesWithTurningMode = computed(() => {
     }
   })
 })
-
-const scale = computed(() => props.slideWidth / VIEWPORT_SIZE)
+const scale = computed(() => props.slideWidth / (viewportRatio.value<1 ? VIEWPORT_SIZE:VIEWPORT_VER_SIZE ))
 provide(injectKeySlideScale, scale)
 </script>