From a2b0ad9bce2514039c9ec6b643d2ec98146f87d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 7 Oct 2025 12:52:39 +0800
Subject: [PATCH] =?UTF-8?q?refactor(Menu):=20=E8=B0=83=E6=95=B4=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E5=B8=83=E5=B1=80=E4=B8=BA=E7=BD=91=E6=A0=BC=E6=8E=92?=
 =?UTF-8?q?=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将导航项容器从 flex 布局改为 grid 布局- 设置网格列数为 4 列
- 添加 gap-2 类以增加元素间距
- 保持原有的圆角、阴影和内边距样式
---
 src/pages/index/Menu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/index/Menu.tsx b/src/pages/index/Menu.tsx
index c634965..710d2ee 100644
--- a/src/pages/index/Menu.tsx
+++ b/src/pages/index/Menu.tsx
@@ -34,7 +34,7 @@ const Page = () => {
   return (
     shopLoading ? (<Loading>加载中</Loading>) :
       <div className={'p-2 z-50 mt-1'}>
-        <div className={'flex justify-between pb-2 p-2 bg-white rounded-xl shadow-sm'}>
+        <div className={'grid grid-cols-4 gap-2 pb-2 p-2 bg-white rounded-xl shadow-sm'}>
           {
             navItems.map((item, index) => (
               <div key={index} className={'text-center'} onClick={() => onNav(item)}>