修改样式

web/src/utils/request.js

@@ -1,8 +1,8 @@
 import axios from 'axios'
 const service = axios.create({
   // baseURL: 'http://192.168.0.135:8005/', // 本地调试
-  baseURL: 'http://192.168.0.245:8005/', // 线上调试
-  // baseURL: '', // build
+  // baseURL: 'http://192.168.0.245:8005/', // 线上调试
+  baseURL: '', // build
   timeout: 5000
 })
 // 请求拦截器

webM/src/utils/request.js

@@ -1,8 +1,8 @@
 import axios from 'axios'
 const service = axios.create({
   // baseURL: 'http://192.168.0.135:8005/', // 本地调试
-  baseURL: 'http://192.168.0.245:8005/', // 线上调试
-  // baseURL: '', // build
+  // baseURL: 'http://192.168.0.245:8005/', // 线上调试
+  baseURL: '', // build
   timeout: 5000
 })
 // 请求拦截器

webM/src/views/tab3/index.vue

@@ -178,14 +178,14 @@ export default {
   width: 100%;
   height: 100vh;
   overflow: hidden;
-        /deep/::-webkit-scrollbar {
+  /deep/::-webkit-scrollbar {
     width: 0;
     height: 0;
     color: transparent;
-      }
+  }
 
   background: url("../../assets/imgM/bigBac.png");
-  .tab3Box{
+  .tab3Box {
     height: 100%;
     overflow-y: auto;
   }
@@ -224,6 +224,7 @@ export default {
         width: 100%;
       }
       & > P {
+        background-color: rgba(0, 0, 0, 0.7);
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -233,7 +234,8 @@ export default {
         bottom: 0;
         left: 0;
         width: 100%;
-        height: 24px;
+        height: 30px;
+        line-height: 30px;
         color: #fff;
         font-size: 16px;
       }
@@ -241,11 +243,10 @@ export default {
   }
   // 专题图库
   .imgBox {
-    margin-top: 45px;
-    padding: 10px;
-    padding-right: 0;
+    margin: 45px auto 0;
+    padding: 10px 0;
+    width: 340px;
     display: flex;
-    justify-content: center;
     flex-wrap: wrap;
     .imgSon {
       margin-right: 10px;
@@ -268,15 +269,17 @@ export default {
         white-space: nowrap;
         padding: 0 10px;
       }
+      &:nth-of-type(2n) {
+        margin-right: 0;
+      }
     }
   }
   // 视频档案
   .videoBox {
-    margin-top: 45px;
-    padding: 10px;
-    padding-right: 0;
+    margin: 45px auto 0;
+    padding: 10px 0;
+    width: 340px;
     display: flex;
-    justify-content: center;
     flex-wrap: wrap;
     .videoSon {
       margin-right: 10px;
@@ -299,6 +302,9 @@ export default {
         white-space: nowrap;
         padding: 0 10px;
       }
+      &:nth-of-type(2n) {
+        margin-right: 0;
+      }
     }
   }
   // 模型弹窗

webM/src/views/tab4/tab4-3.vue

@@ -188,10 +188,10 @@ export default {
       }
       .cd {
         -webkit-transform: rotate(360deg);
-        animation: rotation 1.4s linear infinite;
-        -moz-animation: rotation 1.4s linear infinite;
-        -webkit-animation: rotation 1.4s linear infinite;
-        -o-animation: rotation 1.4s linear infinite;
+        animation: rotation 3s linear infinite;
+        -moz-animation: rotation 3s linear infinite;
+        -webkit-animation: rotation 3s linear infinite;
+        -o-animation: rotation 3s linear infinite;
       }
     }
     /deep/.lyric::-webkit-scrollbar-thumb {
@@ -204,7 +204,6 @@ export default {
       padding: 10px 15px 15px;
       font-size: 14px;
       line-height: 24px;
-
       .title {
         text-align: center;
         color: #a1a1a1;