up

src/utils/request.js

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

src/views/tab3/index.vue

@@ -14,7 +14,7 @@
           >
             {{ item.name }}
           </p>
-          <span v-if="index !== listData.length - 1"> / </span>
+          <span :class="{ noneBs: index === listData.length - 1 }"> / </span>
         </li>
       </ul>
     </div>
@@ -245,6 +245,17 @@ export default {
                   this.imgBigNum = 1;
               });
             }
+            const myTemp = document.querySelector(".el-image-viewer__mask");
+            myTemp.addEventListener("click", () => {
+              this.imgBigShow = false;
+              this.srcList = [""];
+            });
+            const temp = document.querySelector(".el-image-viewer__close");
+            temp.addEventListener("click", () => {
+              this.imgBigShow = false;
+              this.srcList = [""];
+              // console.log('我点了里面的关闭')
+            });
           }, 100);
         });
       } else if (item.type === "video") {
@@ -391,6 +402,10 @@ export default {
           margin-left: 30px;
           color: #fff !important;
         }
+        .noneBs {
+          opacity: 0;
+          pointer-events: none;
+        }
         & > p {
           padding: 0 20px 0 20px;
           position: relative;

src/views/tab4/index.vue

@@ -15,7 +15,7 @@
           >
             {{ item.name }}
           </p>
-          <span v-if="index !== listData.length - 1"> / </span>
+          <span :class="{ noneBs: index === listData.length - 1 }"> / </span>
         </li>
       </ul>
     </div>
@@ -55,17 +55,18 @@
         <span class="el-icon-arrow-left" @click="cutShow = true"
           >返回教育<span>基地</span></span
         >
-        <h1 class="title">{{info.name}}</h1>
+        <h1 class="title">{{ info.name }}</h1>
         <!-- 中间简介 -->
         <div class="box2_jc">
           <div>
             <img src="../../assets/img/tab4box3.png" alt="" />
-            <span v-if="info.updateTime">{{info.updateTime.substring(0, 10)}}</span>
+            <span v-if="info.updateTime">{{
+              info.updateTime.substring(0, 10)
+            }}</span>
           </div>
         </div>
         <!-- 详情 -->
-        <div class="box2_conten" v-html="info.content">
-        </div>
+        <div class="box2_conten" v-html="info.content"></div>
       </div>
     </div>
     <!-- 加载更多 -->
@@ -82,7 +83,7 @@
 </template>
 
 <script>
-import { moduleList, newsList ,webVisit} from "@/utils/api";
+import { moduleList, newsList, webVisit } from "@/utils/api";
 
 export default {
   //import引入的组件需要注入到对象中才能使用
@@ -104,7 +105,7 @@ export default {
       myArr: [],
       myArrAll: [],
       page: 1,
-      info:{}
+      info: {},
     };
   },
   //监听属性 类似于data概念
@@ -121,22 +122,22 @@ export default {
       });
     },
     // 点击文章查看详情
-   async cutPage(item) {
+    async cutPage(item) {
       if (item.type === "share") {
         window.open(item.shareUrl);
       } else {
-        this.info=item
+        this.info = item;
         this.cutShow = false;
       }
       // 记录访问量
-      await webVisit('news',item.id)
+      await webVisit("news", item.id);
     },
     mySearch() {
       this.newsList(this.formData);
     },
     cutTab(val, index) {
       if (this.formData.moduleId === val.id) return;
-      this.cutShow=true
+      this.cutShow = true;
       this.formData.moduleId = val.id;
       this.newsList(this.formData);
       // 滚动条
@@ -226,6 +227,10 @@ export default {
           margin-left: 30px;
           color: #fff !important;
         }
+        .noneBs {
+          opacity: 0;
+          pointer-events: none;
+        }
         & > p {
           padding: 0 20px 0 20px;
           position: relative;