cb

src/views/erjiye.vue

@@ -69,7 +69,8 @@ export default {
       keyWord: '',
       searchList: [],
       filterList: [],
-      upAndDown: 'up-img'
+      upAndDown: 'up-img',
+      lastOpen: null
     }
   },
   activated() {
@@ -107,7 +108,9 @@ export default {
           $eventbus.$emit('detailData', { id, title })
         });
       } else {
+
         var num = $('#' + item.catname).data('category')
+        
         if (num === 0) {
           $('.' + item.catname).animate({
             display: 'block',
@@ -124,6 +127,8 @@ export default {
           $('#' + item.catname).data('category', 0)
           $('#' + item.catname + ' .xiala').removeClass('up')
         }
+
+        this.lastOpen = item.catname
       }
     },
     resetSearch() {
@@ -169,19 +174,10 @@ export default {
         nScrollHight = $(this)[0].scrollHeight;
         nScrollTop = $(this)[0].scrollTop;
 
-        console.log(nScrollTop);
+        _this.$store.commit('chageEjiyeScroll', nScrollTop)
 
-        _this.$store.commit('chageEjiyeScroll',nScrollTop)
-
-        // if (nScrollTop === 0) {
-        //   _this.upAndDown = 'up-img'
-        // }
-        // if (nScrollTop + nDivHight >= nScrollHight) {
-        //   // alert("以到底")
-        //   _this.upAndDown = 'down-img'
-        // }
       });
-    }
+    },
   },
   watch: {
     keyWord(newVal, oldVal) {
@@ -198,6 +194,16 @@ export default {
 
         this.filterList = arr
       }
+    },
+    lastOpen(newVal, oldVal) {
+      if (newVal !== oldVal &&newVal&&oldVal) {
+        $('.' + oldVal).animate({
+          display: 'none',
+          height: 'toggle'
+        });
+        $('#' + oldVal).data('category', 0)
+        $('#' + oldVal + ' .xiala').removeClass('up')
+      }
     }
   },
   components: {
@@ -399,7 +405,7 @@ export default {
         padding-left: 45 / @r;
         white-space: nowrap;
         overflow: hidden;
-        text-overflow : ellipsis;
+        text-overflow: ellipsis;
       }
     }
   }

src/views/xu.vue

@@ -5,11 +5,6 @@
       <div id="io" class="xu" @click="handleJump">
         <div class="main-box">
           <div class="title"></div>
-          <!-- <div class="content">
-            <ul class="content-box">
-              <div class="text-box"></div>
-            </ul>
-          </div>-->
           <div class="content1">
             <div class="bi"></div>
             <div class="content2"></div>
@@ -97,14 +92,17 @@ export default {
 }
 
 .to-left {
-  width: 90 / @r;
-  height: 90 / @r;
+  width: 150 / @r;
+  height: 150 / @r;
   position: absolute;
   right: 15 / @r;
-  top: 50%;
+  left: 50%;
+  bottom: 3%;
   background: url("../assets/images/02/left.png") no-repeat;
   background-size: contain;
+  margin-left: -75 / @r;
   animation: left infinite alternate 0.5s linear;
+  z-index: 10000;
 }
 
 @keyframes left {