1

src/components/LongImageSerialFrames.vue

@@ -46,7 +46,7 @@ const props = defineProps({
 })
 
 const frameWidth = ref(props.totalWidth / props.frameNumber)
-console.assert(Number.isInteger(frameWidth.value), `序列帧的每帧宽度不是整数，会导致播放时抖动！总宽度：${props.totalWidth}，帧数：${props.frameNumber}，每帧宽度：${frameWidth.value}`)
+console.assert(Number.isInteger(frameWidth.value), `序列帧的每帧宽度不是整数，可能导致播放时抖动！总宽度：${props.totalWidth}，帧数：${props.frameNumber}，每帧宽度：${frameWidth.value}`)
 
 const frameIdx = ref(0)
 let intervalId = null

src/views/PaintingList.vue

@@ -6,16 +6,16 @@
     <SerialFrames
       class="bg-serial-frames-top"
       :image-src="require(`@/assets/images/serial-frame-painting-list-top.png`)"
-      :total-width="19404"
-      :height="1272"
+      :total-width="13194"
+      :height="865"
       :frame-number="33"
       :frame-duration="50"
     />
     <SerialFrames
       class="bg-serial-frames-bottom"
       :image-src="require(`@/assets/images/serial-frame-painting-list-bottom.png`)"
-      :total-width="19404"
-      :height="1272"
+      :total-width="13194"
+      :height="865"
       :frame-number="33"
       :frame-duration="50"
     />
@@ -277,14 +277,14 @@ watch(menuElScrollLeft, (v) => {
     position: absolute;
     top: 0;
     right: 0;
-    transform: translate(0, 0) scale(0.6);
+    transform: translate(0, 0) scale(0.8);
     transform-origin: top right;
   }
   >.bg-serial-frames-bottom{
     position: absolute;
     bottom: 0;
     left: 0;
-    transform: translate(-62%, 11%) scale(1);
+    transform: translate(-60%, 10%) scale(1);
     transform-origin: bottom left;
   }
   >ul{