Home Esplora Aiuto
Accedi
liushengqiang
/
classroom-app
2
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Sfoglia il codice sorgente

更新

lex 1 anno fa
parent
97cfdb4f67
commit
8d90d5ebca
4 ha cambiato i file con 145 aggiunte e 142 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 118 118
      public/book/index.html
  2. 25 22
      src/views/courseware-play/index.tsx
  3. 1 1
      src/views/download/index.tsx
  4. 1 1
      src/views/download/transfer.tsx

+ 118 - 118
public/book/index.html
Vedi File 

@@ -2,136 +2,136 @@
 
 <html lang="en">
 
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Document</title>
 
-    <script type="text/javascript" src="jquery.min.1.7.js"></script>
 
-    <script type="text/javascript" src="turn.min.js"></script>
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title>Document</title>
 
+  <script type="text/javascript" src="jquery.min.1.7.js"></script>
 
+  <script type="text/javascript" src="turn.min.js"></script>
 
 </head>
 
 
 <body>
 
-    <style>
 
-        body {
 
-            display: flex;
 
-            justify-content: center;
 
-            align-items: center;
 
-            height: 100vh;
 
-        }
 
+  <style>
 
+    body {
 
+      display: flex;
 
+      justify-content: center;
 
+      align-items: center;
 
+      height: 100vh;
 
+    }
 
 
-        #filipbook {
 
-            margin-top: 20px;
 
-        }
 
+    #filipbook {
 
+      margin-top: 20px;
 
+    }
 
 
-        .animated {
 
-            -webkit-transition: margin-left 0.2s ease-in-out;
 
-            -moz-transition: margin-left 0.2s ease-in-out;
 
-            -o-transition: margin-left 0.2s ease-in-out;
 
-            -ms-transition: margin-left 0.2s ease-in-out;
 
-            transition: margin-left 0.2s ease-in-out;
 
-        }
 
+    .animated {
 
+      -webkit-transition: margin-left 0.2s ease-in-out;
 
+      -moz-transition: margin-left 0.2s ease-in-out;
 
+      -o-transition: margin-left 0.2s ease-in-out;
 
+      -ms-transition: margin-left 0.2s ease-in-out;
 
+      transition: margin-left 0.2s ease-in-out;
 
+    }
 
 
-        .page {
 
-            background: white;
 
+    .page {
 
+      background: white;
 
 
-            -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
-            -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
-            -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
-            -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
-            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
-        }
 
+      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
+      -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
+      -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
+      -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
+      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
+    }
 
 
-        .shadow {
 
-            -webkit-transition: -webkit-box-shadow 0.5s;
 
-            -moz-transition: -moz-box-shadow 0.5s;
 
-            -o-transition: -webkit-box-shadow 0.5s;
 
-            -ms-transition: -ms-box-shadow 0.5s;
 
-            -webkit-box-shadow: 0 0 20px #ccc;
 
-            -moz-box-shadow: 0 0 20px #ccc;
 
-            -o-box-shadow: 0 0 20px #ccc;
 
-            -ms-box-shadow: 0 0 20px #ccc;
 
-            box-shadow: 0 0 20px #ccc;
 
-        }
 
+    .shadow {
 
+      -webkit-transition: -webkit-box-shadow 0.5s;
 
+      -moz-transition: -moz-box-shadow 0.5s;
 
+      -o-transition: -webkit-box-shadow 0.5s;
 
+      -ms-transition: -ms-box-shadow 0.5s;
 
+      -webkit-box-shadow: 0 0 20px #ccc;
 
+      -moz-box-shadow: 0 0 20px #ccc;
 
+      -o-box-shadow: 0 0 20px #ccc;
 
+      -ms-box-shadow: 0 0 20px #ccc;
 
+      box-shadow: 0 0 20px #ccc;
 
+    }
 
 
-        .even .gradient {
 
-            position: absolute;
 
-            top: 0;
 
-            left: 0;
 
-            width: 100%;
 
-            height: 100%;
 
-            background-image: url(./pics/right-border.png);
 
-            background-position: right top;
 
-            background-repeat: repeat-y;
 
-        }
 
+    .even .gradient {
 
+      position: absolute;
 
+      top: 0;
 
+      left: 0;
 
+      width: 100%;
 
+      height: 100%;
 
+      background-image: url(./pics/right-border.png);
 
+      background-position: right top;
 
+      background-repeat: repeat-y;
 
+    }
 
 
-        .odd .gradient {
 
-            position: absolute;
 
-            top: 0;
 
-            left: 0;
 
-            width: 100%;
 
-            height: 100%;
 
-            background-image: url(./pics/left-border.png);
 
-            background-position: left top;
 
-            background-repeat: repeat-y;
 
-        }
 
+    .odd .gradient {
 
+      position: absolute;
 
+      top: 0;
 
+      left: 0;
 
+      width: 100%;
 
+      height: 100%;
 
+      background-image: url(./pics/left-border.png);
 
+      background-position: left top;
 
+      background-repeat: repeat-y;
 
+    }
 
 
-        .page-wrapper {
 
-            -webkit-perspective: 2000px;
 
-            -moz-perspective: 2000px;
 
-            -ms-perspective: 2000px;
 
-            perspective: 2000px;
 
-        }
 
-    </style>
 
-    <div class="contianer">
 
-        <div id="flipbook" class="animated">
 
-            <div class="page">
 
-                <img style="width: 100%; height: 100%; object-fit: cover;"
 
-                    src="https://gyt.ks3-cn-beijing.ksyuncs.com/1688969499129.png" />
 
-            </div>
 
-            <div class="page">
 
-                <div class="gradient"></div>2
 
-            </div>
 
-            <div class="page">
 
-                <div class="gradient"></div>3
 
-            </div>
 
-            <div class="page">
 
-                <div class="gradient"></div>4
 
-            </div>
 
-            <div class="page">
 
-                <div class="gradient"></div>5
 
-            </div>
 
-            <div class="page">
 
-                <div class="gradient"></div>6
 
-            </div>
 
-            <div class="page">
 
-                <div class="gradient"></div>7
 
-            </div>
 
-            <div class="page">
 
-                <div class="gradient"></div>8
 
-            </div>
 
-            <div class="page">
 
-                <div class="gradient"></div>9
 
-            </div>
 
-            <div class="page">
 
-                <div class="gradient"></div>10
 
-            </div>
 
-            <div class="page">
 
-                <div class="gradient"></div>11
 
-            </div>
 
-        </div>
 
+    .page-wrapper {
 
+      -webkit-perspective: 2000px;
 
+      -moz-perspective: 2000px;
 
+      -ms-perspective: 2000px;
 
+      perspective: 2000px;
 
+    }
 
+  </style>
 
+  <div class="contianer">
 
+    <div id="flipbook" class="animated">
 
+      <div class="page">
 
+        <img style="width: 100%; height: 100%; object-fit: cover;"
 
+          src="https://oss.dayaedu.com/gyt/1688969499129.png" />
 
+      </div>
 
+      <div class="page">
 
+        <div class="gradient"></div>2
 
+      </div>
 
+      <div class="page">
 
+        <div class="gradient"></div>3
 
+      </div>
 
+      <div class="page">
 
+        <div class="gradient"></div>4
 
+      </div>
 
+      <div class="page">
 
+        <div class="gradient"></div>5
 
+      </div>
 
+      <div class="page">
 
+        <div class="gradient"></div>6
 
+      </div>
 
+      <div class="page">
 
+        <div class="gradient"></div>7
 
+      </div>
 
+      <div class="page">
 
+        <div class="gradient"></div>8
 
+      </div>
 
+      <div class="page">
 
+        <div class="gradient"></div>9
 
+      </div>
 
+      <div class="page">
 
+        <div class="gradient"></div>10
 
+      </div>
 
+      <div class="page">
 
+        <div class="gradient"></div>11
 
+      </div>
 
     </div>
 
-    <script>
 
-        $('#flipbook').turn({
 
-            autoCenter: true,
 
-            duration: 1000,
 
-            acceleration: true, // 是否启动硬件加速 如果为触摸设备必须为true
 
-            pages: 11, // 页码总数
 
-            elevation: 50, // 转换期间页面的高度
 
-            width: window.screen.height * .8 * (3 / 4) * 2, // 宽度 单位 px
 
-            height: window.screen.height * .8, // 高度 单位 px
 
-            gradients: true, // 是否显示翻页阴影效果
 
-            // display: 'single', //设置单页还是双页
 
-        });
 
-    </script>
 
+  </div>
 
+  <script>
 
+    $('#flipbook').turn({
 
+      autoCenter: true,
 
+      duration: 1000,
 
+      acceleration: true, // 是否启动硬件加速 如果为触摸设备必须为true
 
+      pages: 11, // 页码总数
 
+      elevation: 50, // 转换期间页面的高度
 
+      width: window.screen.height * .8 * (3 / 4) * 2, // 宽度 单位 px
 
+      height: window.screen.height * .8, // 高度 单位 px
 
+      gradients: true, // 是否显示翻页阴影效果
 
+      // display: 'single', //设置单页还是双页
 
+    });
 
+  </script>
 
 </body>
 
 
 </html>

+ 25 - 22
src/views/courseware-play/index.tsx
Vedi File 

@@ -206,7 +206,7 @@ export default defineComponent({
 
             ...item,
 
             url:
 
               item.type === 'SONG'
 
-                ? 'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687916228530.png'
 
+                ? 'https://oss.dayaedu.com/gyt/courseware/1687916228530.png'
 
                 : item.coverImg
 
           };
 
         });
 
@@ -228,8 +228,8 @@ export default defineComponent({
 
       });
 
 
       setTimeout(() => {
 
-        data.animationState = 'end'
 
-      }, 500)
 
+        data.animationState = 'end';
 
+      }, 500);
 
     };
 
 
     // ifram事件处理
 
@@ -369,14 +369,14 @@ export default defineComponent({
 
     ];
 
     const handleStop = () => {
 
       data.videoItemRef.pause();
 
-    }
 
+    };
 
     const acitveTimer = ref();
 
     // 轮播切换
 
     const handleSwipeChange = (index: number) => {
 
       // 如果是当前正在播放 或者是视频最后一个
 
       if (popupData.activeIndex == index) return;
 
-      data.animationState = 'start'
 
-      data.videoState = 'init'
 
+      data.animationState = 'start';
 
+      data.videoState = 'init';
 
       handleStop();
 
       clearTimeout(acitveTimer.value);
 
       activeData.model = true;
 
@@ -391,8 +391,8 @@ export default defineComponent({
 
           data.videoRefs[index]?.onPlay();
 
         }
 
         setTimeout(() => {
 
-          data.animationState = 'end'
 
-        }, 800)
 
+          data.animationState = 'end';
 
+        }, 800);
 
       }
 
     };
 
 
@@ -732,12 +732,12 @@ export default defineComponent({
 
     });
 
 
     const activeVideoItem = computed(() => {
 
-      const item = data.itemList[popupData.activeIndex]
 
+      const item = data.itemList[popupData.activeIndex];
 
       if (item && item.type && item.type.toLocaleUpperCase() === 'VIDEO') {
 
-        return item
 
+        return item;
 
       }
 
-      return {}
 
-    })
 
+      return {};
 
+    });
 
     return () => (
 
       <div id="playContent" class={styles.playContent}>
 
         <div
 
@@ -757,20 +757,18 @@ export default defineComponent({
 
                       }
 
                     : { opacity: 0, zIndex: -1 }
 
                 }
 
-                class={styles.itemDiv}
 
-              >
 
+                class={styles.itemDiv}>
 
                 <VideoItem
 
-                  ref={(el: any) => data.videoItemRef = el}
 
+                  ref={(el: any) => (data.videoItemRef = el)}
 
                   item={activeVideoItem.value}
 
                   showModel={activeData.model}
 
                   onClose={setModelOpen1}
 
-
 
                   onCanplay={() => {
 
-                    data.videoState = 'play'
 
+                    data.videoState = 'play';
 
                   }}
 
                   onPause={() => {
 
-                    clearTimeout(activeData.timer)
 
-                    activeData.model = true
 
+                    clearTimeout(activeData.timer);
 
+                    activeData.model = true;
 
                   }}
 
                   onEnded={() => {
 
                     // const _index = popupData.activeIndex + 1
 
@@ -813,9 +811,14 @@ export default defineComponent({
 
                       activeData.nowTime = Date.now();
 
                     }}>
 
                     {m.type === 'IMG' && <img src={m.content} />}
 
-                    {m.type === 'VIDEO' && <img src={m.coverImg} onLoad={() => {
 
-                      m.isprepare = true;
 
-                    }} />}
 
+                    {m.type === 'VIDEO' && (
 
+                      <img
 
+                        src={m.coverImg}
 
+                        onLoad={() => {
 
+                          m.isprepare = true;
 
+                        }}
 
+                      />
 
+                    )}
 
                     {/* {m.type === 'VIDEO' && (
 
                       <VideoItem
 
                         ref={(v: any) => (data.videoRefs[mIndex] = v)}

+ 1 - 1
src/views/download/index.tsx
Vedi File 

@@ -25,7 +25,7 @@ export default defineComponent({
 
         urlIos =
 
           'https://apps.apple.com/us/app/%E9%9F%B3%E4%B9%90%E6%95%B0%E5%AD%97%E8%AF%BE%E5%A0%82/id6452725878';
 
         urlAndroid =
 
-          'https://appstore.ks3-cn-beijing.ksyuncs.com/kt_cooleshow_student.apk';
 
+          'https://oss.dayaedu.com/appstore/kt_cooleshow_student.apk';
 
       } else {
 
         urlIos = 'https://www.pgyer.com/dzRRNN';
 
         urlAndroid = 'https://www.pgyer.com/2meenh';

+ 1 - 1
src/views/download/transfer.tsx
Vedi File 

@@ -61,7 +61,7 @@ export default defineComponent({
 
         urlIos =
 
           'https://apps.apple.com/us/app/%E9%9F%B3%E4%B9%90%E6%95%B0%E5%AD%97%E8%AF%BE%E5%A0%82/id6452725878';
 
         urlAndroid =
 
-          'https://appstore.ks3-cn-beijing.ksyuncs.com/kt_cooleshow_student.apk';
 
+          'https://oss.dayaedu.com/appstore/kt_cooleshow_student.apk';
 
       } else {
 
         urlIos = 'https://www.pgyer.com/dzRRNN';
 
         urlAndroid = 'https://www.pgyer.com/2meenh';