From 42df88b6545fd5af37b9e3694b2cb2a3e9652828 Mon Sep 17 00:00:00 2001
From: Agent <agent@openclaw.ai>
Date: Fri, 27 Mar 2026 02:47:47 +0000
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8A=9F=E8=83=BD=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=EF=BC=9A=E6=AD=A3=E6=96=B9=E5=BD=A2=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?+=E5=8E=BB=E6=8E=89=E6=8F=8F=E8=BF=B0=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/index.vue | 66 +++++++++++----------------------------
 1 file changed, 18 insertions(+), 48 deletions(-)

diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 01a0348..2dc9ca8 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -55,90 +55,57 @@
         <!-- 管理员菜单 -->
         <template v-if="isAdmin">
           <view class="menu-card" @click="goTo('/pages/product/manage')">
-            <view class="menu-card-icon blue">
-              <Icon name="product" :size="40" color="#fff" />
-            </view>
+            <Icon name="product" :size="48" color="#fff" />
             <text class="menu-card-title">商品管理</text>
-            <text class="menu-card-desc">管理商品库存</text>
           </view>
           <view class="menu-card" @click="goTo('/pages/category/index')">
-            <view class="menu-card-icon purple">
-              <Icon name="setting" :size="40" color="#fff" />
-            </view>
+            <Icon name="setting" :size="48" color="#fff" />
             <text class="menu-card-title">种类管理</text>
-            <text class="menu-card-desc">管理商品种类</text>
           </view>
           <view class="menu-card" @click="goTo('/pages/order/create')">
-            <view class="menu-card-icon green">
-              <Icon name="edit" :size="40" color="#fff" />
-            </view>
+            <Icon name="edit" :size="48" color="#fff" />
             <text class="menu-card-title">创建订单</text>
-            <text class="menu-card-desc">新增销售订单</text>
           </view>
           <view class="menu-card" @click="goToTab('/pages/order/list')">
-            <view class="menu-card-icon orange">
-              <Icon name="order" :size="40" color="#fff" />
-            </view>
+            <Icon name="order" :size="48" color="#fff" />
             <text class="menu-card-title">订单列表</text>
-            <text class="menu-card-desc">查看所有订单</text>
           </view>
           <view class="menu-card" @click="goStock()">
-            <view class="menu-card-icon red">
-              <Icon name="stock" :size="40" color="#fff" />
-            </view>
+            <Icon name="stock" :size="48" color="#fff" />
             <text class="menu-card-title">库存管理</text>
-            <text class="menu-card-desc">库存预警监控</text>
           </view>
         </template>
         <!-- 销售菜单 -->
         <template v-else-if="isSales">
           <view class="menu-card" @click="goTo('/pages/product/list')">
-            <view class="menu-card-icon blue">
-              <Icon name="product" :size="40" color="#fff" />
-            </view>
+            <Icon name="product" :size="48" color="#fff" />
             <text class="menu-card-title">商品浏览</text>
-            <text class="menu-card-desc">查看商品列表</text>
           </view>
           <view class="menu-card" @click="goTo('/pages/order/create')">
-            <view class="menu-card-icon green">
-              <Icon name="edit" :size="40" color="#fff" />
-            </view>
+            <Icon name="edit" :size="48" color="#fff" />
             <text class="menu-card-title">创建订单</text>
-            <text class="menu-card-desc">新增销售订单</text>
           </view>
           <view class="menu-card" @click="goToTab('/pages/order/list')">
-            <view class="menu-card-icon orange">
-              <Icon name="order" :size="40" color="#fff" />
-            </view>
+            <Icon name="order" :size="48" color="#fff" />
             <text class="menu-card-title">订单列表</text>
-            <text class="menu-card-desc">查看所有订单</text>
           </view>
         </template>
         <!-- 顾客菜单 -->
         <template v-else-if="isCustomer">
           <view class="menu-card" @click="goTo('/pages/product/list')">
-            <view class="menu-card-icon blue">
-              <Icon name="product" :size="40" color="#fff" />
-            </view>
+            <Icon name="product" :size="48" color="#fff" />
             <text class="menu-card-title">商品浏览</text>
-            <text class="menu-card-desc">查看商品列表</text>
           </view>
           <view class="menu-card" @click="goToTab('/pages/order/list')">
-            <view class="menu-card-icon orange">
-              <Icon name="order" :size="40" color="#fff" />
-            </view>
+            <Icon name="order" :size="48" color="#fff" />
             <text class="menu-card-title">我的订单</text>
-            <text class="menu-card-desc">查看订单记录</text>
           </view>
         </template>
         <!-- 游客菜单 -->
         <template v-else-if="isGuest">
           <view class="guest-card" @click="goTo('/pages/login/index')">
-            <view class="guest-icon">
-              <Icon name="user" :size="80" color="#fff" />
-            </view>
+            <Icon name="user" :size="80" color="#fff" />
             <text class="guest-text">点击登录</text>
-            <text class="guest-desc">登录后使用完整功能</text>
           </view>
         </template>
       </view>
@@ -417,21 +384,24 @@ export default {
 
 /* 手机端 - 2列布局 */
 .menu-card {
+  aspect-ratio: 1;
   width: 44%;
   background: #fff;
   border-radius: 24rpx;
-  padding: 30rpx;
+  padding: 20rpx;
   margin: 10rpx;
   box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.1);
   display: flex;
   flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 
-/* 平板/PC端 - 横版布局，超过4个换行 */
+/* 平板/PC端 */
 @media (min-width: 768px) {
   .menu-card {
-    width: 22%;
-    margin: 10rpx;
+    width: 18%;
+    padding: 30rpx;
   }
 }