优化网格图片样式

public/cdn/layui-ul.css

@@ -1662,8 +1662,13 @@
   text-align: center;
 }
 .ul-nav-grid .item .main {
-  display: inline-block;
   padding: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: -moz-fit-content;
+  width: fit-content;
+  margin: 0 auto;
 }
 .ul-nav-grid.colord .item.red .icon {
   color: #FF6961;

source/components/nav/ul-nav-grid/_index.html

@@ -61,7 +61,22 @@
 <div class="ul-group-title">
     宫格边框+图片
 </div>
-<div class="ul-nav-grid">
+<div class="ul-nav-grid box">
+    {for start='0' end='4'}
+    <div class="item {$colors[$i%7]}">
+        <div class="icon">
+            <div class="main">
+                <img style="width: 26px;height: 26px;" src="/static/images/view.jpg">
+            </div>
+        </div>
+        <div class="title">首页</div>
+    </div>
+    {/for}
+</div>
+<div class="ul-group-title">
+    宫格边框+图片+背景
+</div>
+<div class="ul-nav-grid colord-bg">
     {for start='0' end='4'}
     <div class="item {$colors[$i%7]}">
         <div class="icon">

source/components/nav/ul-nav-grid/_index.scss

@@ -14,8 +14,12 @@
         }
 
         .main {
-            display: inline-block;
             padding: 6px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: fit-content;
+			margin: 0 auto;
         }
     }