style(menu): 修改：促销移动端勤策里，菜单多列时样式问题，改成 4 列网格布局

src/views/mobile/pages/menu/index.vue

@@ -103,7 +103,7 @@ const handleIconClick = (icon) => {
       /* 设置圆角 */
       box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
       /* 添加阴影 */
-      padding: 16px;
+      padding: 16px 5px;
       /* 添加内边距 */
       margin-bottom: 16px;
       /* 设置模块间的间距 */
@@ -115,12 +115,17 @@ const handleIconClick = (icon) => {
         /* 设置标题字体加粗 */
         margin-bottom: 16px;
         /* 设置标题与内容的间距 */
+        padding: 0 5px;
       }
 
       .function-icons {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 16px;
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        /* 创建4列等宽布局 */
+        gap: 10px;
+        /* 列之间的间距 */
+        justify-content: space-between;
+        /* 两边对齐 */
 
         /* 设置图标间的间距 */
         .function-icon {