update

src/components/layout/rightAside.vue

@@ -16,11 +16,7 @@
         <p>微信公众号</p>
       </li> -->
     </ul>
-    <transition
-      name="custom-classes-transition"
-      enter-active-class="animated tada"
-      leave-active-class="animated bounceOutRight"
-    >
+    <transition name="fade">
       <div v-show="tabBtnActive" class="tab_cont">
         <div class="enroll_cont">
           <i
@@ -72,18 +68,16 @@ export default {
         this.isShowBtn = true
         this.tabBtnActive = false
       }
-      console.log(window.scrollY, 'eee', document.documentElement.clientHeight)
     }
   },
   methods: {
     handleClose() {
-      this.tabBtnActive = !this.tabBtnActive
+      this.tabBtnActive = false
       this.isShowBtn = true
     },
     handleMsOver() {
-      this.tabBtnActive = !this.tabBtnActive
+      this.tabBtnActive = true
       this.isShowBtn = false
-
       // if (type !== '') {
       //   this.tabBtnTarget = type
       // }
@@ -316,4 +310,12 @@ export default {
   padding: 12px 0;
   text-align: center;
 }
+.fade-enter-active,
+.fade-leave-active {
+  transition: all 0.25s;
+  transform-origin: right center;
+}
+.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
+  transform: scale(0);
+}
 </style>