修复商城首页，快捷入口的图标宽高不一致的问题

2023-12-07 21:02:07 +08:00 · 2023-12-07 21:02:07 +08:00 · a7512ba2c7
commit a7512ba2c7
parent 5002fc5fcc
1 changed files with 4 additions and 1 deletions
--- a/src/views/mall/home/components/ShortcutCard.vue
+++ b/src/views/mall/home/components/ShortcutCard.vue
@ -10,7 +10,10 @@
        class="h-20 w-20% flex flex-col cursor-pointer items-center justify-center gap-2"
        @click="handleMenuClick(menu.routerName)"
      >
-        <div :class="menu.bgColor" class="rounded p-3 text-white">
+        <div
+          :class="menu.bgColor"
+          class="h-48px w-48px flex items-center justify-center rounded text-white"
+        >
          <Icon :icon="menu.icon" class="text-7.5!" />
        </div>
        <span>{{ menu.name }}</span>