数据看板

src/layouts/footer/index.vue

@@ -1,48 +1,50 @@
 <template>
   <div>
     <template v-if="isZxy">
-      <div class="use">
-        <h6>现在就使用智信云平台，开始实践教学</h6>
-        <div class="btns">
-          <span class="btn1" @click="toTrial">预约演示</span>
-          <span class="btn2" @click="toTrial">免费试用</span>
-        </div>
-      </div>
-      <div class="company">
-        <div class="left">
-          <div class="logo">
-            <img src="@/assets/img/zxy/logo-gray.png" alt="">
-            <span>联系我们，为您提供最新产品咨询与客服答疑</span>
-          </div>
-          <div class="texts">
-            <p class="line" style="margin-bottom: 10px">
-              <span class="label">联系我们</span>
-              <span class="val">客服电话：0551-68112926&emsp;&emsp;合作咨询：18019930142 刘经理</span>
-            </p>
-            <p class="line" style="margin: 0 0 20px 72px;">
-              <span class="val">客服邮箱：ahzxy@zhixinyunedu.com</span>
-            </p>
-            <p class="line">
-              <span class="label">友情链接</span>
-              <span class="val">
-                <a href="http://www.zxyicloud.com/#/ChuanDa/66/leftmenu/0" target="_blank">智信云官网</a>
-                 &emsp;<em style="font-style: normal;color: #636F7C;">|</em>&emsp;
-                <a href="http://cxhz.hep.com.cn/" target="_blank">协同育人</a>
-              </span>
-            </p>
+      <template v-if="isIndex">
+        <div class="use">
+          <h6>现在就使用智信云平台，开始实践教学</h6>
+          <div class="btns">
+            <span class="btn1" @click="toTrial">预约演示</span>
+            <span class="btn2" @click="toTrial">免费试用</span>
           </div>
         </div>
-        <div class="qrcodes">
-          <div class="qrcode" style="margin-right: 16px">
-            <img src="@/assets/img/zxy/qrcode1.png" alt="">
-            <p class="text">高校交流群</p>
+        <div class="company">
+          <div class="left">
+            <div class="logo">
+              <img src="@/assets/img/zxy/logo-gray.png" alt="">
+              <span>联系我们，为您提供最新产品咨询与客服答疑</span>
+            </div>
+            <div class="texts">
+              <p class="line" style="margin-bottom: 10px">
+                <span class="label">联系我们</span>
+                <span class="val">客服电话：0551-68112926&emsp;&emsp;合作咨询：18019930142 刘经理</span>
+              </p>
+              <p class="line" style="margin: 0 0 20px 72px;">
+                <span class="val">客服邮箱：ahzxy@zhixinyunedu.com</span>
+              </p>
+              <p class="line">
+                <span class="label">友情链接</span>
+                <span class="val">
+                  <a href="http://www.zxyicloud.com/#/ChuanDa/66/leftmenu/0" target="_blank">智信云官网</a>
+                  &emsp;<em style="font-style: normal;color: #636F7C;">|</em>&emsp;
+                  <a href="http://cxhz.hep.com.cn/" target="_blank">协同育人</a>
+                </span>
+              </p>
+            </div>
           </div>
-          <div class="qrcode">
-            <img src="@/assets/img/zxy/qrcode2.png" alt="">
-            <p class="text">扫一扫 关注我们</p>
+          <div class="qrcodes">
+            <div class="qrcode" style="margin-right: 16px">
+              <img src="@/assets/img/zxy/qrcode1.png" alt="">
+              <p class="text">高校交流群</p>
+            </div>
+            <div class="qrcode">
+              <img src="@/assets/img/zxy/qrcode2.png" alt="">
+              <p class="text">扫一扫 关注我们</p>
+            </div>
           </div>
         </div>
-      </div>
+      </template>
       <div class="zxy-footer">
         © Copyright 2022 智信云&emsp;皖ICP备2021016749号
       </div>

src/layouts/header/index.vue

@@ -32,7 +32,7 @@
                   <img src="@/assets/img/user.png" alt="">
                   <span>登录</span>
               </div>
-              <el-button v-if="isZxy" class="trial" type="primary" @click="toTrial">免费试用</el-button>
+              <el-button v-if="isZxy && isIndex" class="trial" type="primary" @click="toTrial">免费试用</el-button>
             </div>
         </div>
     </div>

src/pages/course/details/index.vue

@@ -125,7 +125,6 @@ export default {
     mounted() {
         this.insertScript()
         this.getData()
-        this.getChapter()
     },
     destroyed() {
       // 记录播放时长
@@ -144,6 +143,7 @@ export default {
             this.courseName = data.courseName
             this.description = data.courseIntroduction
             this.coverUrl = data.coverUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220224/png/1496735335294984192.png'
+            this.getChapter()
             this.$refs.breadcrumb.update('课程学习/' + (this.$route.query.source == 1 ? '本校课程' : '共享课程') + '/' + this.courseName)
           }).catch(res => {})
         },
@@ -248,6 +248,7 @@ export default {
                     }else{
                         this.showMask2 = false
                     }
+                    console.log(33, res)
                     this.iframeSrc = res.previewUrl
                 })
                     .catch(err => {

src/pages/course/list/index.vue

@@ -207,7 +207,7 @@ export default {
     position: relative;
     padding: 100px 0 130px;
     text-align: center;
-    background: url(../../../assets/img/course-bg2.png) (73px 50px)/200px auto no-repeat,
+    background: url(../../../assets/img/course-bg2.png) (73px 50px)/250px auto no-repeat,
                 url(../../../assets/img/course-bg4.png) (top left)/auto no-repeat,
                 url(../../../assets/img/course-bg3.png) (top right)/auto no-repeat,
                 url(../../../assets/img/course-bg1.png) 0 0/100% 100% no-repeat;

src/styles/page/screen.scss

@@ -2,21 +2,24 @@
 // ::-webkit-scrollbar-thumb {
 //   display: none;
 // }
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-::-webkit-scrollbar-thumb {
-  width: 5px;
-  border-radius: 6px;
-  background: rgba(85, 219, 255, .8);
+body {
+  min-width: 1480px;
 }
+// ::-webkit-scrollbar {
+//   width: 8px;
+//   height: 8px;
+// }
+// ::-webkit-scrollbar-thumb {
+//   width: 5px;
+//   border-radius: 6px;
+//   background: rgba(85, 219, 255, .8);
+// }
 .video {
   position: absolute;
   top: 0;
-  left: 0;
-  width: 100%;
-  height: 720px;
+  left: -500px;
+  width: 100vw;
+  // height: 720px;
 }
 .wrap {
   width: 100%;
@@ -208,27 +211,24 @@
     white-space: nowrap;
   }
   .num1 {
-    top: 220px;
-    left: 10px;
+    top: 140px;
+    left: 12px;
   }
   .num2 {
-    top: 25px;
-    right: 160px;
+    top: 49px;
+    right: 187px;
   }
   .num3 {
-    top: 280px;
-    left: 185px;
-    font-size: 20px;
+    top: 260px;
+    left: 200px;
   }
   .num4 {
-    top: 205px;
-    right: 270px;
+    top: 296px;
+    right: 368px;
   }
   .num5 {
-    bottom: 250px;
-    right: 40px;
-    width: 140px;
-    font-size: 20px;
+    bottom: 319px;
+    right: 36px;
   }
 }
 .main_table {
@@ -294,13 +294,14 @@ $height: 250px;
   display: flex;
   padding: 20px;
   .left, .right {
+    min-width: 300px;
     width: 24%;
   }
   .middle {
-    // flex: 1;
     width: 913px;
     min-width: 913px;
     margin: 0 30px;
+    overflow: hidden;
   }
   .item {
     position: relative;