Pārlūkot izejas kodu

优化初次加载显示:不做动画

Michael Wang 3 gadi atpakaļ
vecāks
revīzija
7ad3de89e7
1 mainītis faili ar 10 papildinājumiem un 5 dzēšanām
  1. 10 5
      src/features/mark/CommonMarkBody.vue

+ 10 - 5
src/features/mark/CommonMarkBody.vue

@@ -248,14 +248,19 @@ async function processSliceConfig() {
     accumTopHeight = accumBottomHeight;
   }
   // console.log("render: ", store.currentTask.secretNumber);
-  rotateBoard = 1;
-  setTimeout(() => {
-    sliceImagesWithTrackList.splice(0);
+  if (sliceImagesWithTrackList.length === 0) {
+    // 初次渲染,不做动画
     sliceImagesWithTrackList.push(...tempSliceImagesWithTrackList);
+  } else {
+    rotateBoard = 1;
     setTimeout(() => {
-      rotateBoard = 0;
+      sliceImagesWithTrackList.splice(0);
+      sliceImagesWithTrackList.push(...tempSliceImagesWithTrackList);
+      setTimeout(() => {
+        rotateBoard = 0;
+      }, 300);
     }, 300);
-  }, 300);
+  }
 }
 
 async function processSplitConfig() {