diff --git a/src/themes/business/recBg.png b/src/themes/business/recBg.png
new file mode 100644
index 0000000..a9fa4c7
Binary files /dev/null and b/src/themes/business/recBg.png differ
diff --git a/src/themes/fashion/recBg.png b/src/themes/fashion/recBg.png
new file mode 100644
index 0000000..2dfec70
Binary files /dev/null and b/src/themes/fashion/recBg.png differ
diff --git a/src/themes/highend/recBg.png b/src/themes/highend/recBg.png
new file mode 100644
index 0000000..2dfec70
Binary files /dev/null and b/src/themes/highend/recBg.png differ
diff --git a/src/themes/luxury/recBg.png b/src/themes/luxury/recBg.png
new file mode 100644
index 0000000..2dfec70
Binary files /dev/null and b/src/themes/luxury/recBg.png differ
diff --git a/src/themes/main/recBg.png b/src/themes/main/recBg.png
new file mode 100644
index 0000000..2dfec70
Binary files /dev/null and b/src/themes/main/recBg.png differ
diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue
index 23bac88..6689b5c 100644
--- a/src/views/Index/Index.vue
+++ b/src/views/Index/Index.vue
@@ -43,7 +43,7 @@
               <img class="item" v-for="shop of foodList" :key="shop.id" :src="config.sourceUrl + shop.logoUrl" alt="" />
             </div>
           </div>
-          <div v-else class="rec" @click="goPage({ title: '品牌列表', path: '/brand' })">
+          <div v-else class="rec" :style="{ backgroundImage: `url(${theme.images.recBg})` }" @click="goPage({ title: '品牌列表', path: '/brand' })">
             <div class="title">
               <h1>推荐品牌</h1>
               <h2>心动之选，拥抱美好生活</h2>
@@ -336,7 +336,7 @@ getActivityList(3).then(({ data }) => {
         .title {
           margin-top: 8px;
           width: 549px;
-          background: center / cover no-repeat url(./recBg.png);
+          background: center / cover no-repeat;
           height: 160px;
           flex: 0 0 160px;
           box-shadow: 0px 15px 26px rgba(230, 201, 148, 0.3);