diff --git a/pkg_user/views/myFavorite.vue b/pkg_user/views/myFavorite.vue
index dfe2d9f..6271b9f 100644
--- a/pkg_user/views/myFavorite.vue
+++ b/pkg_user/views/myFavorite.vue
@@ -47,6 +47,7 @@
       v-if="tabsIndex === 0"
       :class="{'manage-state': isManage}"
       class="scroll-box"
+      :style="{background : productList.length === 0 ? '#f5f5f5' : '#fff !important'}"
       scroll-y
       @scrolltolower="fetchProduct()"
     >
@@ -102,6 +103,7 @@
       v-if="tabsIndex === 1"
       :class="{'manage-state':isManage}"
       class="scroll-box"
+      :style="{background : storeList.length === 0 ? '#f5f5f5' : '#fff !important'}"
       scroll-y
       @scrolltolower="fetchStore()"
     >
@@ -169,6 +171,7 @@
       v-if="tabsIndex === 2"
       scroll-y
       :class="{'manage-state':isManage}"
+      :style="{background : videoList.length === 0 ? '#f5f5f5' : '#fff !important'}"
       class="scroll-box"
       @scrolltolower="fetchVideo()"
     >
@@ -217,6 +220,7 @@
       v-if="tabsIndex === 3"
       :class="{'manage-state':isManage}"
       class="scroll-box county-scroll"
+      :style="{background : countyFamousList.length === 0 ? '#f5f5f5' : '#fff !important'}"
       scroll-y
       @scrolltolower="fetchCountyFamous()"
     >
@@ -631,13 +635,13 @@ export default {
 .scroll-box {
   height: calc(100vh - 168rpx);
   box-sizing: border-box;
-  background: #FFFFFF;
+  background: #f5f5f5;
   &.county-scroll {
-    background-color: #f0f0f0;
+    background-color: #f5f5f5;
   }
   .no-data {
     padding: 100px 0 0 0;
-    border-top: 20px solid #f0f0f0;
+    border-top: 20px solid #f5f5f5;
     .img {
       display: block;
       width: 305rpx;