diff --git a/common/css/animation.css b/common/css/animation.css
index 8b12ee32..6d43ceb8 100644
--- a/common/css/animation.css
+++ b/common/css/animation.css
@@ -707,4 +707,26 @@
               transform: scale3d(1, 1, 1);
     }
   }
-  
\ No newline at end of file
+  
+
+/* 页面淡入渐变动画 */
+.page-fade-in {
+    -webkit-animation: pageFadeIn 0.25s ease-out forwards;
+            animation: pageFadeIn 0.25s ease-out forwards;
+}
+@keyframes pageFadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+@-webkit-keyframes pageFadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
diff --git a/pages/cart/cart.vue b/pages/cart/cart.vue
index e28db366..08a99fde 100644
--- a/pages/cart/cart.vue
+++ b/pages/cart/cart.vue
@@ -1,5 +1,5 @@
 <template>
-    <view :class="theme_view">
+    <view :class="theme_view + ' page-fade-in'">
         <!-- 购物车 -->
         <component-cart ref="cart" :propCartNavBottomValue="footer_height_value"></component-cart>
 
diff --git a/pages/goods-category/goods-category.vue b/pages/goods-category/goods-category.vue
index b1b1ba8e..132c5439 100644
--- a/pages/goods-category/goods-category.vue
+++ b/pages/goods-category/goods-category.vue
@@ -1,5 +1,5 @@
 <template>
-    <view :class="theme_view">
+    <view :class="theme_view + ' page-fade-in'">
         <view :class="popup_status ? 'fixed-top' : ''">
             <view class="pr" :class="is_single_page == 1 ? 'margin-top-xxxl single-page-top' : ''">
                 <block v-if="category_list.length > 0">
diff --git a/pages/goods-search/goods-search.css b/pages/goods-search/goods-search.css
index 1702c676..6b565b4f 100644
--- a/pages/goods-search/goods-search.css
+++ b/pages/goods-search/goods-search.css
@@ -153,16 +153,4 @@
     font-size: 28rpx;
     line-height: 40rpx;
     min-height: 80rpx;
-}
-
-.page-fade-in {
-    animation: pageFadeIn 0.25s ease-out forwards;
-}
-@keyframes pageFadeIn {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
+}
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 531a5a30..1ee41a4a 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <view :class="theme_view">
+    <view :class="theme_view + ' page-fade-in'">
         <block v-if="page_load_status == 1">
             <view :class="(plugins_mourning_data_is_app ? ' grayscale' : '') + (is_single_page == 1 ? ' single-page-top' : '')">
                 <!-- diy模式 -->
diff --git a/pages/plugins/vr-ticket-wallet/ticket-wallet.css b/pages/plugins/vr-ticket-wallet/ticket-wallet.css
index a2f6d089..d7c0337b 100644
--- a/pages/plugins/vr-ticket-wallet/ticket-wallet.css
+++ b/pages/plugins/vr-ticket-wallet/ticket-wallet.css
@@ -742,16 +742,3 @@
   background: #333333;
 }
 
-
-
-.page-fade-in {
-    animation: pageFadeIn 0.25s ease-out forwards;
-}
-@keyframes pageFadeIn {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
diff --git a/pages/user/user.vue b/pages/user/user.vue
index ec0030c4..1a969337 100644
--- a/pages/user/user.vue
+++ b/pages/user/user.vue
@@ -1,5 +1,5 @@
 <template>
-    <view :class="theme_view">
+    <view :class="theme_view + ' page-fade-in'">
         <!-- 顶部内容 -->
         <view class="top-content">
             <!-- 内容 -->