瀏覽代碼

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

owen 1 年之前
父節點
當前提交
a7512ba2c7
共有 1 個文件被更改,包括 4 次插入1 次删除
  1. 4 1
      src/views/mall/home/components/ShortcutCard.vue

+ 4 - 1
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>