From b6920f332a029159eb1a109c481485e146bfb5d8 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 3 Nov 2025 08:46:26 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91=E3=80=90mall?=
 =?UTF-8?q?=E3=80=91diy-editor=20=E7=9A=84=20tab-bar=20=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=20tailwindcss=20=E7=AE=80=E5=8C=96=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/mobile/tab-bar/index.vue       | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/index.vue b/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/index.vue
index 937c4648d..520081790 100644
--- a/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/index.vue
+++ b/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/index.vue
@@ -28,10 +28,16 @@ defineProps<{ property: TabBarProperty }>();
         :key="index"
         class="tab-bar-item flex w-full flex-col items-center justify-center text-xs"
       >
-        <ElImage :src="index === 0 ? item.activeIconUrl : item.iconUrl">
+        <ElImage
+          :src="index === 0 ? item.activeIconUrl : item.iconUrl"
+          class="h-[26px] w-[26px] rounded"
+        >
           <template #error>
             <div class="flex h-full w-full items-center justify-center">
-              <IconifyIcon icon="ep:picture" />
+              <IconifyIcon
+                icon="ep:picture"
+                class="h-[26px] w-[26px] rounded"
+              />
             </div>
           </template>
         </ElImage>
@@ -47,13 +53,3 @@ defineProps<{ property: TabBarProperty }>();
     </div>
   </div>
 </template>
-<style lang="scss" scoped>
-.tab-bar-item {
-  :deep(img),
-  .el-icon {
-    width: 26px;
-    height: 26px;
-    border-radius: 4px;
-  }
-}
-</style>