feat: 去掉翻页动画

play/index.html

@@ -33,24 +33,22 @@
     <!-- 主要内容 -->
     <div class="main-content" v-else>
       <div class="page-container">
-        <transition :name="pageTransition">
-          <div class="full-image-wrapper" :key="currentPage">
-            <img ref="mainImg" :src="pages[currentPage].image_url" :alt="'Page ' + pages[currentPage].page" v-if="pages.length" class="full-image"/>
-            <template v-if="currentRects && isRectVisible">
-              <div v-for="(rect, idx) in currentRects" :key="idx" class="rect-layer rect-visible" :style="getRectStyle(rect)"></div>
-            </template>
-            <!-- 单词级别矩形高亮 -->
-            <template v-if="highlightedWordRects && isRectVisible">
-              <div 
-                v-for="(wordRect, idx) in highlightedWordRects" 
-                :key="'word-' + idx" 
-                class="word-rect-layer" 
-                :style="getWordRectStyle(wordRect)"
-                :title="wordRect.text"
-              ></div>
-            </template>
-          </div>
-        </transition>
+        <div class="full-image-wrapper" :key="currentPage">
+          <img ref="mainImg" :src="pages[currentPage].image_url" :alt="'Page ' + pages[currentPage].page" v-if="pages.length" class="full-image"/>
+          <template v-if="currentRects && isRectVisible">
+            <div v-for="(rect, idx) in currentRects" :key="idx" class="rect-layer rect-visible" :style="getRectStyle(rect)"></div>
+          </template>
+          <!-- 单词级别矩形高亮 -->
+          <template v-if="highlightedWordRects && isRectVisible">
+            <div 
+              v-for="(wordRect, idx) in highlightedWordRects" 
+              :key="'word-' + idx" 
+              class="word-rect-layer" 
+              :style="getWordRectStyle(wordRect)"
+              :title="wordRect.text"
+            ></div>
+          </template>
+        </div>
       </div>
       <div class="subtitle-bar" v-if="currentAudioText">
         <div class="subtitle-text">