From b378aca3ab22dd029ec868364cf4dddc0316628c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Thu, 17 Aug 2023 17:25:29 +0800
Subject: [PATCH] =?UTF-8?q?:style:=E8=8F=9C=E5=8D=95=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=B8=83=E5=B1=80=E6=94=B9=E4=B8=BAgrid?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/IconSelect/index.vue | 17 +++--------------
 1 file changed, 3 insertions(+), 14 deletions(-)

diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index ee5e9a1..7154d24 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -66,7 +66,7 @@ function reset() {
 }
 
 defineExpose({
-  reset,
+  reset
 })
 </script>
 
@@ -76,25 +76,14 @@ defineExpose({
   padding: 10px;
   .icon-list {
     overflow-y: scroll;
-    display: flex;
+    display: grid;
     flex-wrap: wrap;
-    justify-content: space-around;
     height: 200px;
+    grid-template-columns: repeat(5, 90px);
 
     .icon-item {
-      // height: 30px;
-      // line-height: 30px;
-      // margin-bottom: -5px;
       cursor: pointer;
-      width: 19%;
       text-align: center;
-      // float: left;
-    }
-    .name {
-      // display: inline-block;
-      // vertical-align: -0.15em;
-      // fill: currentColor;
-      // overflow: hidden;
     }
   }
 }