diff --git a/src/components/widgets/search.vue b/src/components/widgets/search.vue
index 27f22dc..64c6c9f 100644
--- a/src/components/widgets/search.vue
+++ b/src/components/widgets/search.vue
@@ -1,5 +1,5 @@
 <template>
-    <view class="component-widgets-search">
+    <view class="component-widgets-search" :style="{ backgroundColor: backgroundColor }">
         <view class="icon">
             <text class="iconfont icon-sousuo"></text>
         </view>
@@ -27,6 +27,10 @@ export default {
             type: Boolean,
             default: false,
         },
+        backgroundColor: {
+            type: String,
+            default: "#ffffff",
+        },
     },
     components: {},
     created() {},
@@ -45,7 +49,6 @@ export default {
 .component-widgets-search {
     width: 670rpx;
     height: auto;
-    background-color: #fff;
     border-radius: 10rpx;
     display: flex;
     justify-content: space-between;
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 8e9b824..4568bf1 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -1,7 +1,7 @@
 <template>
     <app-layout headerBackgroundColor="#ffffff" backgroundColor="#ffffff" textColor="dark" btnType="city" title="熊熊安装队">
         <view class="search-component" @click="utils.toPage('/pages/service/cate', {}, 'switch')">
-            <widget-search :disabled="true" />
+            <widget-search :disabled="true" backgroundColor="#f6f6f6" />
         </view>
         <view class="banner">
             <app-banner :list="bannerList" @clickItem="clickBanner" />
@@ -198,9 +198,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.component-widgets-search {
-    background-color: #f6f6f6;
-}
 .search-component {
     width: 100%;
     height: 100rpx;