数据看板

src/layouts/footer/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <template v-if="isZxy">
+      <template v-if="isIndex">
         <div class="use">
           <h6>现在就使用智信云平台，开始实践教学</h6>
           <div class="btns">
@@ -43,6 +44,7 @@
             </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 {
+body {
-  width: 8px;
+  min-width: 1480px;
-  height: 8px;
-}
-::-webkit-scrollbar-thumb {
-  width: 5px;
-  border-radius: 6px;
-  background: rgba(85, 219, 255, .8);
 }
+// ::-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;
+  left: -500px;
-  width: 100%;
+  width: 100vw;
-  height: 720px;
+  // height: 720px;
 }
 .wrap {
   width: 100%;
@@ -208,27 +211,24 @@
     white-space: nowrap;
   }
   .num1 {
-    top: 220px;
+    top: 140px;
-    left: 10px;
+    left: 12px;
   }
   .num2 {
-    top: 25px;
+    top: 49px;
-    right: 160px;
+    right: 187px;
   }
   .num3 {
-    top: 280px;
+    top: 260px;
-    left: 185px;
+    left: 200px;
-    font-size: 20px;
   }
   .num4 {
-    top: 205px;
+    top: 296px;
-    right: 270px;
+    right: 368px;
   }
   .num5 {
-    bottom: 250px;
+    bottom: 319px;
-    right: 40px;
+    right: 36px;
-    width: 140px;
-    font-size: 20px;
   }
 }
 .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;