去掉加载动画

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

@@ -95,13 +95,15 @@ export default defineComponent({
       data.show = true;
       nextTick(() => {
         const book = document.getElementById('flipbook')!;
-        const pageFlip = new PageFlip(book, {
-          width: data.width / 2, // required parameter - base page width
-          height: data.height, // required parameter - base page height
-          showCover: true
-        });
-
-        pageFlip.loadFromHTML(document.querySelectorAll('.page'));
+        setTimeout(() => {
+          const pageFlip = new PageFlip(book, {
+            width: data.width / 2, // required parameter - base page width
+            height: data.height, // required parameter - base page height
+            showCover: true
+          });
+  
+          pageFlip.loadFromHTML(document.querySelectorAll('.page'));
+        },  800)
       });
     };
 

src/views/courseware-list/index.module.less

@@ -282,16 +282,9 @@
     img {
       width: 100%;
       height: 100%;
-      opacity: 0;
       transition: opacity 0.3s ease-in-out;
     }
   }
-
-  &.loaded {
-    img {
-      opacity: 1;
-    }
-  }
 }
 
 .book {

src/views/courseware-list/index.tsx

@@ -400,15 +400,9 @@ export default defineComponent({
                     <NImage
                       data-id={item.id}
                       {...{ id: index == 0 ? 'courseware-0' : '' }}
-                      class={[styles.cover, item.load ? styles.loaded : '']}
+                      class={[styles.cover]}
                       objectFit="cover"
                       src={item.coverImg}
-                      onLoad={() => {
-                        item.load = true;
-                      }}
-                      onError={() => {
-                        item.load = true;
-                      }}
                     />
                   </div>