缩略图滚动

src/features/mark/CommonMarkBody.vue

@@ -88,6 +88,23 @@ export default defineComponent({
 
     const { addTimeout } = useTimers();
 
+    watch(
+      () => store.minimapScrollTo,
+      () => {
+        const container = document.querySelector(
+          ".mark-body-container"
+        ) as HTMLDivElement;
+        addTimeout(() => {
+          if (container) {
+            const { scrollHeight } = container;
+            container.scrollTo({
+              top: scrollHeight * store.minimapScrollTo,
+            });
+          }
+        }, 10);
+      }
+    );
+
     let rendering = ref(false);
     let sliceImagesWithTrackList: Array<SliceImage> = reactive([]);
     let maxSliceWidth = 0; // 最大的裁切块宽度，图片容器以此为准

src/features/mark/MarkBody.vue

@@ -37,25 +37,6 @@ export default defineComponent({
   components: { MarkDrawTrack, CommonMarkBody },
   emits: ["error"],
   setup(props, { emit }) {
-    const { addTimeout } = useTimers();
-
-    watch(
-      () => store.minimapScrollTo,
-      () => {
-        const container = document.querySelector(
-          ".mark-body-container"
-        ) as HTMLDivElement;
-        addTimeout(() => {
-          if (container) {
-            const { scrollHeight } = container;
-            container.scrollTo({
-              top: scrollHeight * store.minimapScrollTo,
-            });
-          }
-        }, 10);
-      }
-    );
-
     const makeScoreTrack = (
       event: MouseEvent,
       item: SliceImage,