From 05e37b3abe199a38464faecae1b59a1dc87e9ca4 Mon Sep 17 00:00:00 2001
From: Agent <agent@openclaw.ai>
Date: Sat, 28 Mar 2026 13:10:53 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8D=A1=E7=89=87=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E7=BA=AF=E7=99=BD=E5=BA=95=EF=BC=8C=E5=9B=BE=E6=A0=87=E5=92=8C?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=E6=94=B9=E4=B8=BA=E6=B7=B1=E8=89=B2=EF=BC=8C?=
 =?UTF-8?q?=E7=AE=80=E6=B4=81=E7=BE=8E=E8=A7=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/index.vue | 41 ++++++++++++++++++++-------------------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index a477bb2..31e090e 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -7,7 +7,7 @@
         <text class="username">{{ userInfo.username || '用户' }}</text>
       </view>
       <view class="role-badge" :class="roleClass">
-        <Icon name="user" :size="24" color="#fff" />
+        <Icon name="user" :size="24" color="#667eea" />
         <text class="role-text">{{ roleText }}</text>
       </view>
     </view>
@@ -56,37 +56,37 @@
         <!-- 管理员菜单 -->
         <template v-if="isAdmin">
           <view class="menu-card" @click="goTo('/pages/order/create')">
-            <Icon name="edit" :size="36" color="#fff" />
+            <Icon name="edit" :size="36" color="#667eea" />
             <text class="menu-card-title">创建订单</text>
           </view>
           <view class="menu-card" @click="goToTab('/pages/order/list')">
-            <Icon name="order" :size="36" color="#fff" />
+            <Icon name="order" :size="36" color="#667eea" />
             <text class="menu-card-title">订单列表</text>
           </view>
           <view class="menu-card" @click="goTo('/pages/order/search')">
-            <Icon name="search" :size="36" color="#fff" />
+            <Icon name="search" :size="36" color="#667eea" />
             <text class="menu-card-title">订单查询</text>
           </view>
           <view class="menu-card" @click="goTo('/pages/order/return')">
-            <Icon name="right" :size="36" color="#fff" />
+            <Icon name="right" :size="36" color="#667eea" />
             <text class="menu-card-title">退货</text>
           </view>
         </template>
         <!-- 销售菜单 -->
         <template v-else-if="isSales">
           <view class="menu-card" @click="goTo('/pages/order/create')">
-            <Icon name="edit" :size="36" color="#fff" />
+            <Icon name="edit" :size="36" color="#667eea" />
             <text class="menu-card-title">创建订单</text>
           </view>
           <view class="menu-card" @click="goToTab('/pages/order/list')">
-            <Icon name="order" :size="36" color="#fff" />
+            <Icon name="order" :size="36" color="#667eea" />
             <text class="menu-card-title">订单列表</text>
           </view>
         </template>
         <!-- 顾客菜单 -->
         <template v-else-if="isCustomer">
           <view class="menu-card" @click="goToTab('/pages/order/list')">
-            <Icon name="order" :size="36" color="#fff" />
+            <Icon name="order" :size="36" color="#667eea" />
             <text class="menu-card-title">我的订单</text>
           </view>
         </template>
@@ -98,44 +98,44 @@
         <!-- 管理员菜单 -->
         <template v-if="isAdmin">
           <view class="menu-card" @click="goTo('/pages/product/manage')">
-            <Icon name="product" :size="36" color="#fff" />
+            <Icon name="product" :size="36" color="#667eea" />
             <text class="menu-card-title">商品管理</text>
           </view>
           <view class="menu-card" @click="goTo('/pages/category/index')">
-            <Icon name="setting" :size="36" color="#fff" />
+            <Icon name="setting" :size="36" color="#667eea" />
             <text class="menu-card-title">种类管理</text>
           </view>
           <view class="menu-card" @click="goStock()">
-            <Icon name="stock" :size="36" color="#fff" />
+            <Icon name="stock" :size="36" color="#667eea" />
             <text class="menu-card-title">库存管理</text>
           </view>
           <view class="menu-card" @click="goTo('/pages/stock/in')">
-            <Icon name="plus" :size="36" color="#fff" />
+            <Icon name="plus" :size="36" color="#667eea" />
             <text class="menu-card-title">入库</text>
           </view>
           <view class="menu-card" @click="goTo('/pages/stock/flow')">
-            <Icon name="flow" :size="36" color="#fff" />
+            <Icon name="flow" :size="36" color="#667eea" />
             <text class="menu-card-title">库存流水</text>
           </view>
         </template>
         <!-- 销售菜单 -->
         <template v-else-if="isSales">
           <view class="menu-card" @click="goTo('/pages/product/list')">
-            <Icon name="product" :size="36" color="#fff" />
+            <Icon name="product" :size="36" color="#667eea" />
             <text class="menu-card-title">商品浏览</text>
           </view>
         </template>
         <!-- 顾客菜单 -->
         <template v-else-if="isCustomer">
           <view class="menu-card" @click="goTo('/pages/product/list')">
-            <Icon name="product" :size="36" color="#fff" />
+            <Icon name="product" :size="36" color="#667eea" />
             <text class="menu-card-title">商品浏览</text>
           </view>
         </template>
         <!-- 游客菜单 -->
         <template v-else-if="isGuest">
           <view class="guest-card" @click="goTo('/pages/login/index')">
-            <Icon name="user" :size="80" color="#fff" />
+            <Icon name="user" :size="80" color="#667eea" />
             <text class="guest-text">点击登录</text>
           </view>
         </template>
@@ -167,7 +167,7 @@
     <!-- 退出登录 -->
     <view class="logout-section" v-if="!isGuest">
       <button class="logout-btn" @click="logout">
-        <Icon name="logout" :size="32" color="#fff" style="margin-right: 10rpx" />
+        <Icon name="logout" :size="32" color="#667eea" style="margin-right: 10rpx" />
         退出登录
       </button>
     </view>
@@ -424,7 +424,7 @@ export default {
 .menu-card {
   width: 18%;
   aspect-ratio: 1;
-  background: linear-gradient(135deg, #e0e5ec 0%, #ffffff 100%);
+  background: #ffffff;
   border-radius: 12rpx;
   margin: 8rpx;
   display: flex;
@@ -432,7 +432,7 @@ export default {
   align-items: center;
   justify-content: center;
   padding: 6rpx;
-  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
 }
 
 .menu-card:active {
@@ -441,7 +441,7 @@ export default {
 
 .menu-card-title {
   font-size: 20rpx;
-  color: #fff;
+  color: #333;
   font-weight: bold;
   margin-top: 6rpx;
 }
@@ -488,6 +488,7 @@ export default {
 }
 
 .menu-card-title {
+  color: #333;
   font-size: 28rpx;
   font-weight: bold;
   color: #333;