cb

src/views/erjiye.vue

@@ -242,12 +242,6 @@ export default {
     goBack
   },
   beforeRouteEnter(to, from, next) {
-
-    // console.log('to')
-    // console.log(to)
-    // console.log('from')
-    // console.log(from)
-
     if (from.name === 'yjml') {
       next(vm => {
         vm.allClose = Math.random()
@@ -255,9 +249,6 @@ export default {
     } else {
       next()
     }
-  },
-  beforeRouteUpdate(to, from, next) {
-    console.log('beforeRouteUpdate')
   }
 }
 </script>

src/views/shouye.vue

 <template>
-  <div class="book-page-box book-page-1 preserve-3d zindex" @click="handleJump">
+  <div class="book-page-box book-page-1 preserve-3d zindex">
     <div class="book-page page-front">
-      <div class="home">
+      <div class="home" @click="handleJump">
         <div class="animated jackInTheBox main-title">
           <div :class="['stars','animated', flash?'flash':'']"></div>
         </div>
@@ -12,20 +12,29 @@
         <div class="num-box animated bounceInUp">
           <div class="top-info">仅供万达内部使用</div>
           <div>
-            <span>阅读人数</span>：{{$store.state.yudushu}}
+            <span>阅读人数</span>
+            ：{{$store.state.yudushu}}
           </div>
         </div>
       </div>
+      <div class="shengming" @click="handleCloseTanCeng">
+
+      </div>
+      <div class="tanceng"  v-show="tanceng">
+        <div class="kuang kuang1">
+          <div class="close" @click="handleCloseTanCeng"></div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-
 export default {
   data() {
     return {
-      flash: false
+      flash: false,
+      tanceng: false
     }
   },
   activated() {
@@ -38,7 +47,10 @@ export default {
   },
   methods: {
     handleJump() {
-      $eventbus.$emit('jumpPage', {pageName:'xu'})
+      $eventbus.$emit('jumpPage', { pageName: 'xu' })
+    },
+    handleCloseTanCeng() {
+      this.tanceng = !this.tanceng
     }
   },
   components: {
@@ -50,6 +62,56 @@ export default {
 <style lang="less" scoped>
 @r: 75rem;
 
+.shengming {
+  width: 100 / @r;
+  height: 200 / @r;
+  position: absolute;
+  right: 0;
+  top: 20%;
+  background: url('../assets/images/01/shenming.png') no-repeat;
+  background-size: contain;
+}
+
+.tanceng {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.8);
+
+  .close {
+    width: 100 / @r;
+    height: 100 / @r;
+    position: absolute;
+    right: 0 / @r;
+    top: 0;
+  }
+
+  .buttons {
+    width: 300 / @r;
+    height: 80 / @r;
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translate(-50%, 0);
+  }
+
+  .kuang {
+    width: 600 / @r;
+    height: 700 / @r;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .kuang1 {
+    background: url("../assets/images/01/smcontent.png") no-repeat center center;
+    background-size: contain;
+  }
+}
+
 .zindex {
   z-index: 1000;
   width: 100%;
@@ -147,7 +209,7 @@ export default {
   font-size: 30 / @r;
   text-align: center;
 
-  .top-info{
+  .top-info {
     margin-bottom: 20 / @r;
   }
 

src/views/xiangqing.vue

@@ -2,7 +2,7 @@
   <div class="xiangqingmmmm">
     <goBack class="animated pulse" />
     <div class="laozhao" @click="showMulu"></div>
-    <div class="preventHuadong" v-show="mulu"></div>
+    <!-- <div class="preventHuadong" v-show="mulu"></div> -->
     <div class="mulu-wrap" v-show="mulu">
       <div class="mulu">
         <div class="title">万达招采</div>
@@ -252,6 +252,22 @@ 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);
@@ -300,7 +316,7 @@ export default {
 <style lang="less">
 @r: 75rem;
 
-.xiangqingmmmm *{
+.xiangqingmmmm * {
   user-select: none;
 }