丝滑

src/views/courseware-list/component/book/index.tsx

@@ -49,7 +49,8 @@ export default defineComponent({
       height: 0,
       transform: '',
       list: [] as any[][],
-      lastTime: localStorage.getItem(lastTimeKey)
+      lastTime: localStorage.getItem(lastTimeKey),
+      isClick: false
     });
     const showGuide = ref(false);
     const isend = ref(false)
@@ -94,10 +95,15 @@ export default defineComponent({
         gradients: true, // 是否显示翻页阴影效果
         // display: 'single', //设置单页还是双页
       })
-      // book.bind('last', (event: Event, pageObject: any, corner: any) => {
-      //   // console.log(event, 'last')
-      //   noanimateClose()
-      // });
+      book.bind('start', (event: Event, pageObject: any, corner: any) => {
+        console.log(event, 'last', pageObject.next)
+        if (data.isClick){
+          nextTick(() => {
+            data.isClick = false
+            book.turn('page', pageObject.next);
+          })
+        }
+      });
       book.bind('turned', (event: Event, page: any, corner: any) => {
         setTimeout(() => {
           showGuide.value = true;
@@ -113,7 +119,7 @@ export default defineComponent({
       });
 
       book.bind('turning', (event: Event, page: any, corner: any) => {
-        console.log(page, 'page', book.turn('pages'))
+        // console.log(page, 'page', book.turn('pages'))
         if (page === book.turn('pages')) {
           handleClose(false)
           // handleClose()
@@ -289,7 +295,10 @@ export default defineComponent({
       return false
     }
     return () => (
-      <div class={[styles.book, data.show ? '' : styles.bookHide]} onClick={() => handleClose()}>
+      <div class={[styles.book, data.show ? '' : styles.bookHide]} onClick={() => handleClose()} onTouchmove={() => {
+        console.log('sdfds')
+        data.isClick = true
+      }}>
         <div class={styles.back} >
           <img src={icon_back} />
         </div>