修改样式

src/pages/home/components/tabbar-home/tabbar-home.vue

@@ -44,8 +44,8 @@ const { t, locale } = useI18n();
 /** 首页运营图：按语言切换（中文 / 英文） */
 const HOME_PROMO_BANNERS = {
   memberUpgrade: {
-    zh: 'https://www.howhowfresh.com/minio/ruoyi/2026/06/03/0b9a7f865aba442e84e51034a3ec900c.png',
-    en: 'https://www.howhowfresh.com/minio/ruoyi/2026/06/03/c5b9df3a922d4d17ae1b6eb8c1d7524a.png',
+    zh: 'https://www.howhowfresh.com/minio/ruoyi/2026/06/05/d4a0d40503ac4206a0387af1ab869de6.png',
+    en: 'https://www.howhowfresh.com/minio/ruoyi/2026/06/05/c01f1664626d417a9a7ca6165a20f06f.png',
   },
   deliveryTime: {
     zh: 'https://www.howhowfresh.com/minio/ruoyi/2026/06/03/c5673a8874594755bdde7ed7fcbd1982.jpg',
@@ -407,19 +407,30 @@ const debouncedEmit = debounce(1300, (isCollected: boolean, id: string, type: Co
           @change-type="tabsTypeChange"
         />
 
-        
-        <image
-          :src="memberUpgradeBannerSrc"
-          class="w-100% h-[340rpx]"
-          mode="widthFix"
-          @click="navigateTo('/pages-user/pages/member/index')"
-        />
+        <view
+          class="home-member-banner"
+          :style="{ backgroundImage: `url(${memberUpgradeBannerSrc})` }"
+        >
+          <view class="home-member-banner__actions">
+            <view
+              class="home-member-banner__btn"
+              @click="navigateTo('/pages-user/pages/member/index')"
+            >
+              <text class="home-member-banner__btn-text">{{ t('pages.home.open-member') }}</text>
+            </view>
+            <view
+              class="home-member-banner__btn"
+              @click="navigateTo('/pages-user/pages/balance/index')"
+            >
+              <text class="home-member-banner__btn-text">{{ t('pages.home.recharge-now') }}</text>
+            </view>
+          </view>
+        </view>
         <image
           :src="deliveryTimeBannerSrc"
           class="w-100% h-[200rpx] rounded-24rpx mt-4rpx"
           mode="widthFix"
         />
-
         <!-- 精选商家和附近商家 -->
         <view class="animate-in fade-in animate-ease-in animate-duration-300" v-if="isShowMerchant">
           <!-- Featured on ChefLink 精选商家（浅底 + 横向卡片，对齐设计稿） -->
@@ -558,6 +569,45 @@ const debouncedEmit = debounce(1300, (isCollected: boolean, id: string, type: Co
   padding-right: 8rpx;
 }
 
+.home-member-banner {
+  position: relative;
+  width: 100%;
+  height: 550rpx;
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.home-member-banner__actions {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 5rpx;
+  padding: 0 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 24rpx;
+}
+
+.home-member-banner__btn {
+  flex: 1;
+  height: 72rpx;
+  padding: 0 24rpx;
+  border-radius: 999rpx;
+  background: #21ae39;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.home-member-banner__btn-text {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #ffffff;
+  line-height: 1.2;
+}
+
 .nearby-merchants-block {
   background: #f2f2f2;
 }