Przeglądaj źródła

解决动画会闪动的问题

wangn 5 lat temu
rodzic
commit
e3554c80a8
1 zmienionych plików z 3 dodań i 3 usunięć
  1. 3 3
      hdApp/src/pagesPurchase/ghsProduct.vue

+ 3 - 3
hdApp/src/pagesPurchase/ghsProduct.vue

@@ -159,7 +159,7 @@ export default {
 			notOpenShop:false,
 			notOpenShop:false,
 			hdShopAdminId:0,
 			hdShopAdminId:0,
       pageInfo: {},
       pageInfo: {},
-      myClass: ''
+      myClass: 'fadeIn'
 		};
 		};
 	},
 	},
 	computed: {
 	computed: {
@@ -478,13 +478,13 @@ export default {
     height: 0;
     height: 0;
     overflow: hidden;
     overflow: hidden;
     animation-name: fadeOutFrames;
     animation-name: fadeOutFrames;
-    animation-duration:.9s;
+    animation-duration:.3s;
   }
   }
   .fadeIn{
   .fadeIn{
     height: 240upx;
     height: 240upx;
     overflow: hidden;
     overflow: hidden;
     animation-name: fadeInFrames;
     animation-name: fadeInFrames;
-    animation-duration:.9s;
+    animation-duration:.3s;
   }
   }
   /*关键帧*/
   /*关键帧*/
   @keyframes fadeOutFrames {
   @keyframes fadeOutFrames {