فهرست منبع

fix: 工作台(index)打磨 — 财务数据颜色修正 + 间距/阴影规范

- Financial Data Rule: .primary-value(今日销售额)从$primary-color改$text-color-primary
- .compare-value(较昨日对比)从$primary-color改$text-color-secondary
- todayCompare显示逻辑: >=0→>0(避免+0%) / !==undefined→!=null
- 页面布局: min-height→height+flex column
- 所有卡片阴影统一: 10rpx/0.04→12rpx/0.05

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
skyline 1 روز پیش
والد
کامیت
9524b97612
1فایلهای تغییر یافته به همراه12 افزوده شده و 10 حذف شده
  1. 12 10
      haha-admin-mp/src/pages/index/index.vue

+ 12 - 10
haha-admin-mp/src/pages/index/index.vue

@@ -32,9 +32,9 @@
           <view class="sales-primary">
             <text class="label">今日销售额(元)</text>
             <text class="primary-value">{{ formatMoney(overview.todaySales || 0) }}</text>
-            <view class="compare" v-if="overview.todayCompare !== undefined">
+            <view class="compare" v-if="overview.todayCompare != null">
               <text class="compare-text">较昨日</text>
-              <text class="compare-value">{{ overview.todayCompare >= 0 ? '+' : '' }}{{ overview.todayCompare || 0 }}%</text>
+              <text class="compare-value">{{ overview.todayCompare > 0 ? '+' : '' }}{{ overview.todayCompare || 0 }}%</text>
             </view>
           </view>
           <view class="sales-secondary">
@@ -245,7 +245,9 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .page {
-  min-height: 100vh;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
   background: $bg-color-page;
   padding-bottom: 140rpx;
 }
@@ -332,7 +334,7 @@ onMounted(() => {
   display: flex;
   align-items: center;
   margin-bottom: 12rpx;
-  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.04);
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
 
   &:active { opacity: 0.85; }
 }
@@ -372,7 +374,7 @@ onMounted(() => {
   border-radius: 18rpx;
   padding: 24rpx;
   margin-bottom: 12rpx;
-  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.04);
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
 }
 
 .sales-main {
@@ -397,7 +399,7 @@ onMounted(() => {
 .primary-value {
   font-size: 56rpx;
   font-weight: 700;
-  color: $primary-color;
+  color: $text-color-primary;
   line-height: 1;
   margin-bottom: 8rpx;
 }
@@ -407,7 +409,7 @@ onMounted(() => {
   font-size: 22rpx;
 }
 .compare-text { color: $text-color-muted; margin-right: 8rpx; }
-.compare-value { color: $primary-color; font-weight: 600; }
+.compare-value { color: $text-color-secondary; font-weight: 500; }
 
 .sales-secondary {
   display: flex;
@@ -469,7 +471,7 @@ onMounted(() => {
   border-radius: 18rpx;
   padding: 20rpx;
   margin-bottom: 12rpx;
-  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.04);
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
 }
 
 .device-row {
@@ -548,7 +550,7 @@ onMounted(() => {
   border-radius: 18rpx;
   padding: 24rpx 20rpx;
   margin-bottom: 12rpx;
-  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.04);
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
 }
 
 .todo-row {
@@ -590,7 +592,7 @@ onMounted(() => {
   border-radius: 18rpx;
   padding: 20rpx 16rpx 16rpx;
   margin-bottom: 12rpx;
-  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.04);
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
 
   .card-title {
     padding: 0 8rpx;