perf[views/icons]: use grid (#2803)

src/views/icons/index.vue

@@ -6,6 +6,7 @@
     </aside>
     <el-tabs type="border-card">
       <el-tab-pane label="Icons">
+        <div class="grid">
           <div v-for="item of svgIcons" :key="item" @click="handleClipboard(generateIconCode(item),$event)">
             <el-tooltip placement="top">
               <div slot="content">
@@ -17,8 +18,10 @@
               </div>
             </el-tooltip>
           </div>
+         </div>
       </el-tab-pane>
       <el-tab-pane label="Element-UI Icons">
+        <div class="grid">
           <div v-for="item of elementIcons" :key="item" @click="handleClipboard(generateElementIconCode(item),$event)">
             <el-tooltip placement="top">
               <div slot="content">
@@ -30,6 +33,7 @@
               </div>
             </el-tooltip>
           </div>
+         </div>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -67,6 +71,12 @@ export default {
   margin: 10px 20px 0;
   overflow: hidden;
   
+  .grid {
+    position: relative;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  }
+
   .icon-item {
     margin: 20px;
     height: 85px;