小优化

public/4dage/Model.html

@@ -28,7 +28,7 @@
     <script type="text/javascript" src="js/weixin.js"></script>
     <script>
          var number = getQueryVariable("m");
-       fdage.embed('http://192.168.0.135:8003'+number, { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });
+       fdage.embed(number, { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });
 
         var number = getQueryVariable("m");
         let pageNum = number.split("_")[1];

src/assets/base.css

@@ -57,7 +57,9 @@ ul li {
 .el-pagination button:hover {
   color: #BE1220;
 }
-
+img{
+  vertical-align: middle;
+}
 .el-image__preview {
   object-fit: cover;
 }

src/utils/request.js

@@ -1,7 +1,7 @@
 import axios from 'axios'
 const service = axios.create({
-  baseURL: 'http://192.168.0.135:8003', // 本地调试
-  // baseURL: 'http://192.168.0.245:8005', // 线上调试
+  // baseURL: 'http://192.168.0.135:8003', // 本地调试
+  baseURL: 'http://192.168.0.196:8003', // 线上调试
   // baseURL: '', // build
   timeout: 5000
 })

src/views/tab3/index.vue

@@ -224,6 +224,29 @@ export default {
           }
         });
         this.srcList = temp;
+        // 查看图片里面显示当前第几张图
+        this.$nextTick(() => {
+          setTimeout(() => {
+            this.imgBigShow = true;
+            // 左按钮
+            const tempLeft = document.querySelector(".el-image-viewer__prev");
+            if (tempLeft) {
+              tempLeft.addEventListener("click", () => {
+                this.imgBigNum--;
+                if (this.imgBigNum === 0) this.imgBigNum = this.srcList.length;
+              });
+            }
+            // 右按钮
+            const tempRight = document.querySelector(".el-image-viewer__next");
+            if (tempRight) {
+              tempRight.addEventListener("click", () => {
+                this.imgBigNum++;
+                if (this.imgBigNum === this.srcList.length + 1)
+                  this.imgBigNum = 1;
+              });
+            }
+          }, 100);
+        });
       } else if (item.type === "video") {
         this.myVideoShow = true;
         this.myVideoSrc = this.baseURL + item.filePath;

src/views/tab5/index.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="tab5">
+  <div class="hint" v-if="data.length === 0">暂 无 数 据</div>
+  <div class="tab5" v-else>
     <div class="conten" v-show="cut">
       <div
         class="row"
@@ -119,6 +120,18 @@ export default {
 };
 </script>
 <style lang='less' scoped>
+.hint {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: black;
+  font-size: 30px;
+  padding: 170px 125px 20px 200px;
+  width: 100%;
+  height: 100%;
+  background: url("../../assets/img/tab5Bg.png");
+  background-size: 100% 100%;
+}
 .tab5 {
   padding: 170px 125px 20px 200px;
   width: 100%;

src/views/tab7/index.vue

@@ -32,8 +32,9 @@
         <el-button @click="name = textarea = ''">重置</el-button>
       </div>
     </div>
+    <div class="hint" v-if="myArr.length === 0">暂 无 数 据</div>
     <!-- 底部内容 -->
-    <div class="conten">
+    <div class="conten" v-else>
       <div class="all">全部留言</div>
       <div class="row" v-for="(item, index) in myArr" :key="item.id">
         <div class="title">
@@ -236,6 +237,15 @@ export default {
     margin-top: 15px;
     display: flex;
   }
+  .hint {
+    color: black;
+    font-size: 36px;
+    height: 400px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
   .conten {
     padding: 20px 220px;
     .all {