cb

src/components/goBack.vue

@@ -32,7 +32,7 @@ export default {
 @r: 75rem;
 
 .go-wrap {
-  position: absolute;
+  position: fixed;
   top: 3%;
   left: 3%;
   z-index: 100000;

src/views/Home.vue

@@ -47,7 +47,7 @@
     <!-- <yjml/> -->
     <!-- <erjiye/> -->
     <!-- <xiangqing /> -->
-    <music />
+    <music/>
     <transition :name="transitionName" mode="in-out">
       <keep-alive>
         <router-view />

src/views/erjiye.vue

@@ -284,7 +284,7 @@ export default {
   }
 
   100% {
-    transform: translateY(-5px);
+    transform: translateY(-10px);
   }
 }
 

src/views/shouye.vue

@@ -107,7 +107,7 @@ export default {
   }
 
   .kuang1 {
-    background: url("../assets/images/01/smcontent.png") no-repeat center center;
+    background: url("../assets/images/01/smcontent.png") no-repeat center top;
     background-size: contain;
   }
 }

src/views/xiangqing.vue

@@ -103,21 +103,21 @@
                   <div>成本中心</div>
                   <div>投诉方式</div>
                 </div>
-                <div class="right-box">电话，010-85583315、邮箱，cbzxtousu@wanda.com.cn</div>
+                <div class="right-box">电话: 010-85583315<br>邮箱: cbzxtousu@wanda.com.cn</div>
               </li>
               <li class="b-b">
                 <div class="b-r left-box">
                   <div>审计中心</div>
                   <div>举报方式</div>
                 </div>
-                <div class="right-box">电话，010-85853844、邮箱，sjzx@wanda.cn</div>
+                <div class="right-box">电话: 010-85853844<br>邮箱: sjzx@wanda.cn</div>
               </li>
               <li>
                 <div class="b-r left-box">
                   <div>人力资源中心</div>
                   <div>举报方式</div>
                 </div>
-                <div class="right-box">电话，010-85588469、邮箱，kaohe@wanda.com.cn</div>
+                <div class="right-box">电话: 010-85588469<br>邮箱: kaohe@wanda.com.cn</div>
               </li>
             </ul>
           </div>
@@ -133,6 +133,21 @@ import Clipboard from 'clipboard';
 import VueActivePreview from 'vue-active-preview'
 import goBack from '../components/goBack';
 
+var ModalHelper = (function (bodyCls) {
+  var scrollTop;
+  return {
+    afterOpen: function () {
+      scrollTop = document.scrollingElement.scrollTop;
+      document.body.classList.add(bodyCls);
+      document.body.style.top = -scrollTop + 'px';
+    },
+    beforeClose: function () {
+      document.body.classList.remove(bodyCls);
+      // scrollTop lost after set position:fixed, restore it back.
+      document.scrollingElement.scrollTop = scrollTop;
+    }
+  };
+})('modal-open');
 
 export default {
   data() {
@@ -172,12 +187,18 @@ export default {
       console.log(e);
     });
 
-    this.zuzhiHuaDong()
+
   },
   methods: {
     showMulu() {
       this.mulu = !this.mulu
       $('body').css('overflow', 'hidden')
+      ModalHelper.afterOpen()
+    },
+    closeMulu() {
+      this.mulu = false;
+      $('body').css('overflow', 'auto')
+      ModalHelper.beforeClose()
     },
     handleClick() {
 
@@ -227,10 +248,6 @@ export default {
         }
       }
     },
-    closeMulu() {
-      this.mulu = false;
-      $('body').css('overflow', 'auto')
-    },
     goFengMian() {
       $eventbus.$emit('jumpPage', { pageName: 'shouye' })
     },
@@ -252,25 +269,15 @@ export default {
       this.queren = false
     },
     zuzhiHuaDong() {
-      // var ModalHelper = (function (bodyCls) {
-      //   var scrollTop;
-      //   return {
-      //     afterOpen: function () {
-      //       scrollTop = document.scrollingElement.scrollTop;
-      //       document.body.classList.add(bodyCls);
-      //       document.body.style.top = -scrollTop + 'px';
-      //     },
-      //     beforeClose: function () {
-      //       document.body.classList.remove(bodyCls);
-      //       // scrollTop lost after set position:fixed, restore it back.
-      //       document.scrollingElement.scrollTop = scrollTop;
-      //     }
-      //   };
-      // })('modal-open');
-
-      $('.preventHuadong')[0].addEventListener('touchmove', function (e) {
-        e.preventDefault();
-      }, false);
+      // $('.preventHuadong')[0].addEventListener('touchmove', function (e) {
+      //   e.preventDefault();
+      // }, false);
+    },
+    tableAddBorder() {
+      setTimeout(() => {
+        $('table').attr('border', '1')
+        $('table').attr('cellspacing', '0')
+      });
     }
   },
   components: {
@@ -280,7 +287,6 @@ export default {
   watch: {
     htmlData(newVal, oldVal) {
       if (newVal) {
-        console.log($('.box').find('img'))
         setTimeout(() => {
           var arr = $('.box').find('img')
           arr = Array.from(arr)
@@ -292,8 +298,6 @@ export default {
                 imgArr.push(ele)
               }
             });
-            console.log('imgArr')
-            console.log(imgArr)
 
             if (imgArr.length) {
               this.ulList = []
@@ -307,6 +311,7 @@ export default {
           }
         }, 500);
 
+        this.tableAddBorder()
       }
     }
   },
@@ -316,6 +321,15 @@ export default {
 <style lang="less">
 @r: 75rem;
 
+table {
+  // border: 1px solid black;
+}
+
+body.modal-open {
+  position: fixed;
+  width: 100%;
+}
+
 .xiangqingmmmm * {
   user-select: none;
 }

src/views/xu.vue

@@ -10,7 +10,7 @@
             <div class="content2"></div>
           </div>
         </div>
-        <!-- <div class="to-left"></div> -->
+        <div class="to-left"></div>
         <!-- <div class="bottom-ele"></div> -->
       </div>
     </div>