From fd4582fc0c447655f63640f1801aa46e7a4e9c82 Mon Sep 17 00:00:00 2001
From: zclzone <zclzone@outlook.com>
Date: Sun, 23 Jun 2024 00:15:10 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=9B=BE=E6=A0=87=E7=A4=BA=E4=BE=8B?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E6=94=B9=E6=88=90grid?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/base/unocss-icon.vue | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/views/base/unocss-icon.vue b/src/views/base/unocss-icon.vue
index 205a2b4..8960d8d 100644
--- a/src/views/base/unocss-icon.vue
+++ b/src/views/base/unocss-icon.vue
@@ -13,11 +13,11 @@
         feather图标集 + isme自定义图标
       </n-tag>
     </template>
-    <ul class="flex flex-wrap justify-between">
+    <ul class="grid grid-cols-[repeat(auto-fill,minmax(160px,1fr))] justify-items-center gap-16">
       <li
         v-for="item in icons"
         :key="item"
-        class="m-16 w-160 f-c-c flex-col cursor-pointer rounded-12 px-12 py-24 card-border auto-bg"
+        class="w-160 f-c-c flex-col cursor-pointer rounded-12 px-12 py-24 card-border auto-bg"
         @click="copy(`&lt;i class=&quot;${item}&quot; /&gt;`)"
       >
         <i :class="`${item}?mask`" class="text-28 text-gray-600 hover:bg-primary" />
@@ -28,13 +28,6 @@
           {{ item }}
         </span>
       </li>
-      <li class="mx-16 h-0 w-160" />
-      <li class="mx-16 h-0 w-160" />
-      <li class="mx-16 h-0 w-160" />
-      <li class="mx-16 h-0 w-160" />
-      <li class="mx-16 h-0 w-160" />
-      <li class="mx-16 h-0 w-160" />
-      <li class="mx-16 h-0 w-160" />
     </ul>
   </CommonPage>
 </template>