1、分析翻页导致的异常，实际为vue主动翻页与原始逻辑冲突。

src/components/BookReader/index.vue

@@ -156,8 +156,7 @@
 
 <script setup>
 import $ from "jquery";
-import "turn.js";
-// import turn from "@/assets/js/turn.js";
+import turn from "@/assets/js/turn.js";
 import { ref, onMounted, onUnmounted, watch, nextTick, computed } from "vue";
 import VueEasyLightbox from "vue-easy-lightbox";
 import GuideMobile from "../GuideMobile/index.vue";
@@ -233,14 +232,15 @@ const handleTouchEnd = throttle((e) => {
   const deltaX = touchEndX - touchStartX.value;
   const deltaY = touchEndY - touchStartY.value;
 
+  // 这里与卷边的移动冲突，需要处理得更优雅
   // 如果水平滑动距离大于垂直滑动距离，且大于50px，则触发翻页
-  if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > 50) {
-    if (deltaX > 0) {
-      previousPage();
-    } else {
-      nextPage();
-    }
-  }
+  // if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > 50) {
+  //   if (deltaX > 0) {
+  //     previousPage();
+  //   } else {
+  //     nextPage();
+  //   }
+  // }
 });
 
 // 修改处理页面的函数，只处理必要的属性