修改样式

web/src/assets/css/base.css

@@ -73,4 +73,7 @@ ul li {
 }
 .el-image-viewer__actions{
   width: 120px;
+}
+.el-image-viewer__mask{
+  opacity: .7;
 }

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
 })
 // 请求拦截器

web/src/views/tab3/index.vue

@@ -610,7 +610,7 @@ export default {
     min-height: 600px;
     width: 100vw;
     height: 100vh;
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: rgba(0, 0, 0, 0.7);
     .ifrCon {
       border-top: 10px solid #be1220;
       border-bottom: 10px solid #be1220;
@@ -661,6 +661,7 @@ export default {
         max-height: 90vh;
         vertical-align: top;
         width: 100%;
+        background-color: rgba(0, 0, 0, 0.7);
       }
     }
   }

web/src/views/tab4/tab4-1.vue

@@ -195,6 +195,7 @@ export default {
     & > video {
       width: 100%;
       height: 100%;
+      background-color: rgba(0, 0, 0, 0.7);
     }
     & > P {
       width: 100%;

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

@@ -234,10 +234,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;
       }
     }
     .right_top {