From 732dbdd0ba9618196ece2f572610f0d786666a25 Mon Sep 17 00:00:00 2001
From: jiangx <jiangx@1000mu.com>
Date: Wed, 19 Nov 2025 17:17:26 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E2=99=BB=EF=B8=8F=20ui=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E7=BB=86=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HotRecommend/HotRecommend.vue | 15 ++++++++++++++-
 src/components/ShopDetail/LeftInfo.vue       |  5 ++++-
 src/views/Index/Index.vue                    |  4 ++--
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/HotRecommend/HotRecommend.vue b/src/components/HotRecommend/HotRecommend.vue
index 8201d9c..0f2aa77 100644
--- a/src/components/HotRecommend/HotRecommend.vue
+++ b/src/components/HotRecommend/HotRecommend.vue
@@ -14,7 +14,20 @@
         <SwiperSlide v-for="item of list" :key="item.shopCode">
           <div class="relative overflow-hidden rounded-xl bg-white">
             <div class="h-[180px] w-80">
-              <img v-lazy="item.doorMaterialList?.[0]" :data-code="item.shopCode" class="cover" alt="" />
+              <img
+                v-show="item.doorMaterialList?.length"
+                :src="item.doorMaterialList?.[0]"
+                :data-code="item.shopCode"
+                class="cover"
+                alt=""
+              />
+              <img
+                v-show="!item.doorMaterialList?.length"
+                :src="mapShopListByCode[item.shopCode]?.[0]?.logoUrl"
+                :data-code="item.shopCode"
+                class="cover"
+                alt=""
+              />
             </div>
             <div class="absolute inset-x-0 bottom-0 flex h-10.5 items-center justify-between bg-black/20 px-3 backdrop-blur-xl">
               <div class="font-700 text-14 text-white">{{ i18n(item, 'shopName') }}</div>
diff --git a/src/components/ShopDetail/LeftInfo.vue b/src/components/ShopDetail/LeftInfo.vue
index 07ef672..cc76103 100644
--- a/src/components/ShopDetail/LeftInfo.vue
+++ b/src/components/ShopDetail/LeftInfo.vue
@@ -1,13 +1,16 @@
 <template>
   <div class="info rounded-xl bg-white">
     <div class="relative h-[486px] w-[864px] rounded-xl bg-gray-100">
-      <EffectFade pagination :list="shop.doorMaterialList ?? []">
+      <EffectFade v-if="shop.doorMaterialList?.length" pagination :list="shop.doorMaterialList ?? []">
         <template v-slot="{ item }">
           <div class="h-[486px] w-[864px] rounded-xl bg-gray-50">
             <img :src="item" class="rounded-xl cover" alt="" />
           </div>
         </template>
       </EffectFade>
+      <div v-else class="h-[486px] w-[864px] rounded-xl bg-gray-50">
+        <img :src="shop.logoUrl" class="rounded-xl contain" alt="" />
+      </div>
     </div>
     <div class="relative z-10 ml-12 mr-6.5 flex">
       <div class="-mt-15.5 mr-10.5 size-40 overflow-hidden rounded-xl bg-white shadow-default">
diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue
index ef822a1..1ff23c5 100644
--- a/src/views/Index/Index.vue
+++ b/src/views/Index/Index.vue
@@ -16,9 +16,9 @@
             :style="{ backgroundImage: `url(${menuList[1].moduleActivateLogo})` }"
             @pointerdown="goPage(menuList[1])"
           >
-            <p class="flex items-center justify-between px-8 pt-8">
+            <p class="flex items-center justify-between pl-8 pr-1 pt-8">
               <span class="font-700 text-28 leading-9 text-black/80">{{ menuList[1].moduleName }}</span>
-              <span class="font-700 text-20 leading-7 text-black/50">{{ device.building }}-{{ device.floor }}</span>
+              <span class="font-700 text-14 leading-7 text-black/50">{{ device.building }}-{{ device.floor }}</span>
             </p>
             <div class="px-8 text-18 uppercase leading-7 text-black/40">{{ menuList[1].moduleNameEn }}</div>
           </div>