perf: 优化分类页面

sample-form-client-ui/admin/src/pages/showpage/MatterIfy.vue

@@ -35,7 +35,9 @@
             <div class="folder-img-box flex aic jcc">
               <i class="iconfont icon-folder"></i>
             </div>
-            <p class="folder-name tac">{{ v.categoryName }}</p>
+            <p class="folder-name tac">
+              {{ v.categoryName }}
+            </p>
           </div>
         </div>
         <!-- <YEmpty v-else width="200" text="暂无数据"></YEmpty> -->
@@ -189,14 +191,18 @@ export default {
     bottom: 0;
   }
   .folder-list {
-    display: flex;
-    flex-wrap: wrap;
+    width: 100%;
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);
     gap: 40px 115px;
   }
 
   .folder-item {
+    width: 100%;
     display: flex;
     flex-direction: column;
+    align-items: center;
+    overflow: hidden;
     gap: 20px;
     cursor: pointer;
     .folder-img-box {
@@ -210,10 +216,14 @@ export default {
       }
     }
     .folder-name {
+      width: 100%;
       font-family: Source Han Sans CN;
       font-weight: 500;
       font-size: 24px;
       color: #333333;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
   }
 }