cb

src/views/erjiye.vue

@@ -265,7 +265,7 @@ export default {
   .content {
     // border: 1px solid white;
     width: 600 / @r;
-    height: 925 / @r;
+    height: 820 / @r;
     position: absolute;
     top: 45%;
     left: 50%;

src/views/shouye.vue

@@ -10,7 +10,7 @@
         <div class="cheng animated bounceInRight"></div>
         <div class="button01 animated tada"></div>
         <div class="num-box animated bounceInUp">
-          <div class="top-info">仅供内部使用</div>
+          <div class="top-info">仅供万达内部使用</div>
           <div>
             <span>阅读人数</span>：{{$store.state.yudushu}}
           </div>

src/views/xiangqing.vue

@@ -10,7 +10,7 @@
             <li class="main-title" @click="goFengMian">封面</li>
             <li class="main-title" @click="goXu">目标</li>
             <ul :id="index + 1" v-for="(item, index) in $store.state.list" :key="index">
-              <li class="main-title">{{item.catname}}</li>
+              <li class="main-title" @click="gotoMulu(index + 1)">{{item.catname}}</li>
               <div v-for="(ele, num) in item.child" :key="num">
                 <li
                   :id="ele.catname"
@@ -146,6 +146,13 @@ export default {
 
     var clipboard = new Clipboard('.btn');
 
+    clipboard.on('success', function (e) {
+      alert('复制成功')
+    });
+
+    clipboard.on('error', function (e) {
+      console.log(e);
+    });
   },
   methods: {
     showMulu() {
@@ -206,6 +213,14 @@ export default {
     },
     closeYulan() {
       this.yulanButton = false
+    },
+    gotoMulu() {
+      console.log('goto目录');
+      $eventbus.$emit('jumpPage', { pageName: 'erjiye' })
+      setTimeout(() => {
+        $('body').css('overflow', 'auto')
+        $eventbus.$emit('maodian', this.tancengIndex)
+      });
     }
   },
   components: {
@@ -234,7 +249,7 @@ export default {
               this.ulList = []
               imgArr.forEach((ele) => {
                 this.ulList.push(ele.currentSrc)
-                $(ele).on('click',() => {
+                $(ele).on('click', () => {
                   this.yulanButton = true
                 })
               })

src/views/xu.vue

 <template>
   <div class="book-page-box book-page-1 preserve-3d zindex" @click="handleJump">
     <div class="book-page page-front">
-      <div class="xu">
-        <goBack class="book-page page-front"/>
+      <div id="io" class="xu">
+        <goBack class="book-page page-front" />
         <div class="main-box">
           <div class="title"></div>
           <!-- <div class="content">
@@ -32,14 +32,41 @@ export default {
     }
   },
   mounted() {
-
+    // $(function () {
+    //   function judge() {
+    //     var startx;//让startx在touch事件函数里是全局性变量。  
+    //     var endx;
+    //     var el = document.getElementById('io');//触摸区域。  
+    //     function cons() {   //独立封装这个事件可以保证执行顺序，从而能够访问得到应该访问的数据。  
+    //       if (startx > endx) {  //判断左右移动程序  
+    //         alert("left");
+    //       } else {
+    //         alert("right");
+    //       }
+    //     }
+
+    //     el.addEventListener('touchstart', function (e) {
+    //       var touch = e.changedTouches;
+    //       startx = touch[0].clientX;
+    //       starty = touch[0].clientY;
+    //     });
+    //     el.addEventListener('touchend', function (e) {
+    //       var touch = e.changedTouches;
+    //       endx = touch[0].clientX;
+    //       endy = touch[0].clientY;
+    //       cons();  //startx endx 的数据收集应该放在touchend事件后执行，而不是放在touchstart事件里执行，这样才能访问到touchstart和touchend这2个事件产生的startx和endx数据。另外startx和endx在_touch事件函数里是全局性的，所以在此函数中都可以访问得到，所以只需要注意事件执行的先后顺序即可。  
+    //     });
+    //   }
+
+    //   judge();
+    // })
   },
   methods: {
     handleJump() {
       $eventbus.$emit('jumpPage', { pageName: 'yjml' })
     }
   },
-  components:{
+  components: {
     goBack
   }
 }
@@ -58,8 +85,8 @@ export default {
 }
 
 .to-left {
-  width: 70 / @r;
-  height: 70 / @r;
+  width: 90 / @r;
+  height: 90 / @r;
   position: absolute;
   right: 15 / @r;
   top: 50%;
@@ -128,7 +155,7 @@ export default {
       background: url("../assets/images/02/title.png") no-repeat center center;
       background-size: contain;
       height: 115 / @r;
-      margin-bottom: 60 / @r;
+      // margin-bottom: 60 / @r;
     }
 
     .content {

src/views/yjml.vue

@@ -23,7 +23,7 @@
         </div>
         <!-- <div class="yijian animated bounceInRight"></div> -->
         <div class="tanceng" v-show="tanceng">
-          <div class="kuang kuang1" v-if="tancengIndex === 1">
+          <div class="kuang kuang3" v-if="tancengIndex === 1">
             <div class="close" @click="handleCloseTanCeng"></div>
             <div class="buttons" @click="handleJump"></div>
             <div class="laozhaos"></div>
@@ -33,7 +33,7 @@
             <div class="buttons" @click="handleJump"></div>
             <div class="laozhaos"></div>
           </div>
-          <div class="kuang kuang3" v-if="tancengIndex === 3">
+          <div class="kuang kuang1" v-if="tancengIndex === 3">
             <div class="close" @click="handleCloseTanCeng"></div>
             <div class="buttons" @click="handleJump(3)"></div>
             <div class="laozhaos"></div>