优化

hdApp/src/admin/home/workbench.vue

@@ -16,33 +16,31 @@
           </view>
           
           <view class="today-income-section" @click="pageTo({url:'/admin/stat/kdIncome'})">
-            <view class="income-label">今日收入</view>
+            <view class="income-label">收入</view>
             <view class="income-value">
-              <text class="currency-symbol">¥</text>
               <text class="income-number">{{ $util.numberFormat(data.todayData.income) }}</text>
             </view>
-            <view class="income-hint">点击查看详情</view>
           </view>
           
           <view class="today-stats">
             <view class="stat-item">
               <view class="stat-content">
-                <view class="stat-value">{{ $util.numberFormat(data.todayData.visit) || 0 }}</view>
                 <view class="stat-label">访客</view>
+                <view class="stat-value">{{ $util.numberFormat(data.todayData.visit) || 0 }}</view>
               </view>
             </view>
             
             <navigator url="/admin/home/order" open-type="switchTab" class="stat-item">
               <view class="stat-content">
-                <view class="stat-value">{{ $util.numberFormat(data.todayData.order) || 0 }}</view>
                 <view class="stat-label">订单</view>
+                <view class="stat-value">{{ $util.numberFormat(data.todayData.order) || 0 }}</view>
               </view>
             </navigator>
             
             <view class="stat-item">
               <view class="stat-content">
-                <view class="stat-value">{{ $util.numberFormat(yesterdayIncome) || 0 }}</view>
                 <view class="stat-label">昨日收入</view>
+                <view class="stat-value">{{ $util.numberFormat(yesterdayIncome) || 0 }}</view>
               </view>
             </view>
           </view>
@@ -834,7 +832,7 @@ export default {
 
 // 今日概况卡片
 .today-overview-card {
-  background: #ffffff;
+  background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
   padding: 0;
   margin: 0 0 20upx 0;
   overflow: hidden;
@@ -844,7 +842,6 @@ export default {
     justify-content: space-between;
     align-items: center;
     padding: 30upx 30upx 20upx;
-    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
     
     .today-title {
       font-size: 34upx;
@@ -862,15 +859,14 @@ export default {
     padding: 40upx 30upx;
     text-align: center;
     position: relative;
-    background: linear-gradient(180deg, rgba(34, 197, 94, 0.08) 0%, rgba(34, 197, 94, 0.02) 100%);
     
     &:active {
-      background: linear-gradient(180deg, rgba(34, 197, 94, 0.1) 0%, rgba(34, 197, 94, 0.04) 100%);
+      background: rgba(0, 0, 0, 0.05);
     }
     
     .income-label {
       font-size: 26upx;
-      color: #666;
+      color: rgba(255, 255, 255, 0.9);
       margin-bottom: 16upx;
     }
     
@@ -882,7 +878,7 @@ export default {
       
       .currency-symbol {
         font-size: 32upx;
-        color: #22C55E;
+        color: #ffffff;
         font-weight: 500;
         margin-right: 8upx;
       }
@@ -890,14 +886,14 @@ export default {
       .income-number {
         font-size: 56upx;
         font-weight: 700;
-        color: #22C55E;
+        color: #ffffff;
         line-height: 1;
       }
     }
     
     .income-hint {
       font-size: 24upx;
-      color: #22C55E;
+      color: rgba(255, 255, 255, 0.9);
       display: flex;
       align-items: center;
       justify-content: center;
@@ -912,11 +908,11 @@ export default {
   
   .today-stats {
     display: flex;
-    padding: 30upx 30upx;
+    padding: 0;
     
     .stat-item {
       flex: 1;
-      padding: 20upx 0;
+      padding: 30upx 0;
       position: relative;
       text-align: center;
       
@@ -928,26 +924,26 @@ export default {
         transform: translateY(-50%);
         width: 1upx;
         height: 60upx;
-        background: #f0f0f0;
+        background: rgba(255, 255, 255, 0.2);
       }
       
       &:active {
-        opacity: 0.8;
+        background: rgba(0, 0, 0, 0.1);
       }
       
       .stat-content {
         text-align: center;
         
-        .stat-value {
-          font-size: 36upx;
-          font-weight: 600;
-          color: #333;
+        .stat-label {
+          font-size: 26upx;
+          color: rgba(255, 255, 255, 0.9);
           margin-bottom: 8upx;
         }
         
-        .stat-label {
-          font-size: 26upx;
-          color: #666;
+        .stat-value {
+          font-size: 36upx;
+          font-weight: 600;
+          color: #ffffff;
         }
       }
     }