移动端样式修复

src/components/menuTree/index.vue

@@ -81,6 +81,10 @@ export default {
       line-height: 40px;
       font-size: 1rem;
       color: black !important;
+
+      .el-submenu__icon-arrow {
+        font-size: 16px;
+      }
     }
   }
 }

src/layouts/header/index.vue

@@ -51,8 +51,11 @@
       </div>
 
       <img class="menu-icon" :src="menuIcon" alt="" @click.stop="updateType(!modelType)">
-      <div class="contentBox" v-show="modelType">
+      <div v-show="modelType">
-        <navbar ref="nav" :isHome.sync="isHome" @updateModelType="updateType"></navbar>
+        <div class="mobile-mask"></div>
+        <div class="mobile-nav">
+          <navbar ref="nav" :isHome.sync="isHome" @updateModelType="updateType"></navbar>
+        </div>
       </div>
     </div>
 
@@ -76,7 +79,6 @@ export default {
       isHome: true,
       isEstate: false,
       isIasf: false,
-      showSearch: false,
       height: 907,
       title: '',
       searchTimer: null,
@@ -130,7 +132,8 @@ export default {
     window.addEventListener('scroll', this.handleScroll) // 监听页面滚动
     document.body.addEventListener('click', e => {
       e.stopPropagation()
-      this.modelType = false
+      console.log("🚀 ~ mounted ~ e:", !e.target.className.includes('el-submenu__icon-arrow'))
+      if (!e.target.className.includes('el-submenu__icon-arrow')) this.modelType = false
     })
   },
   methods: {
@@ -348,7 +351,16 @@ $height: 90px;
   }
 }
 
-.contentBox {
+.mobile-mask {
+  position: absolute;
+  top: 90px;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, .4);
+}
+
+.mobile-nav {
   width: 100%;
   position: absolute;
   top: 90px;

src/layouts/home/index.vue

@@ -34,10 +34,6 @@ export default {
   },
   mounted () {
     this.$route.query.siteId && this.setSite(this.$route.query.siteId)
-    document.body.onclick = e => {
-      e.stopPropagation()
-      this.$refs.header.showSearch = false
-    }
 
     this.getSeo()
   },

src/layouts/navbar/index.vue

@@ -152,7 +152,6 @@ export default {
       this.getPath(this.otherMenus, id)
       this.getPath(this.menus, id)
       this.columnTo(this.toItem)
-      this.$parent.showSearch = false
       this.$emit('updateModelType', false)
     }
   }

src/pages/column/index.vue

@@ -1427,6 +1427,11 @@ export default {
       margin-right: 0;
     }
 
+    .detail {
+      max-width: 100%;
+      margin-top: 20px;
+    }
+
     .articles {
       li {
         .leftBox {

src/pages/home/index.vue

@@ -599,7 +599,6 @@ export default {
 
       img {
         height: 15rem;
-        object-fit: cover;
       }
     }
   }

src/pages/singlePage/index.vue

@@ -13,7 +13,7 @@
               您的浏览器不支持 video 标签。
             </video>
             <div class="text-wrap">
-              <div class="qrcodes fadeInUp">
+              <div v-if="item.weixinPic1 || item.weixinPic2" class="qrcodes fadeInUp">
                 <div v-if="item.weixinPic1" class="qrcode">
                   <img width="103" :src="item.weixinPic1" alt="">
                   <p v-if="item.weixinText1" class="text">{{ item.weixinText1 }}</p>
@@ -175,7 +175,7 @@ export default {
   .pic {
     height: 100%;
     background-position: center center;
-    background-size: 100% auto;
+    background-size: cover;
     background-repeat: no-repeat;
   }
 
@@ -395,4 +395,13 @@ export default {
     }
   }
 }
+
+@media (max-width: 1200px) {
+  .carousel {
+    .text-wrap {
+      left: 0;
+      padding: 0 20px;
+    }
+  }
+}
 </style>

src/setting.js

@@ -7,7 +7,7 @@ const isGta = url.includes('139.159.254.212'); // 国泰安
 let host = `${location.origin}/`
 if (isDev) {
   host = 'http://192.168.31.217:10000/'
-  host = 'https://huorantech.com'
+  // host = 'https://huorantech.com'
 }
 
 const Setting = {