diff --git a/src/views/dashboard/dashboard.vue b/src/views/dashboard/dashboard.vue index 941f7e7..6f79a5e 100644 --- a/src/views/dashboard/dashboard.vue +++ b/src/views/dashboard/dashboard.vue @@ -56,7 +56,7 @@
-
金额汇总
+
新增业绩
@@ -629,7 +629,7 @@ export default { /* 当月会员卡片 - 最高优先级 */ .dashboard-card--month-member { background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); /* 恢复原有的橙色渐变,更醒目 */ - order: 1; /* 通过flex order调整顺序,如果父级是flex */ + order: 3; /* 通过flex order调整顺序,如果父级是flex */ /* 或者通过更强的视觉样式,如边框、阴影 */ box-shadow: 0 6px 15px 0 rgba(253,160,133,0.3); transform: scale(1.02); /* 轻微放大 */ @@ -670,7 +670,7 @@ export default { /* 今日会员卡片 - 普通优先级 */ .dashboard-card--today-member { background: linear-gradient(135deg, #c3dae6 0%, #a4c1d2 100%); /* 柔和的灰蓝色 */ - order: 3; + order: 1; box-shadow: 0 2px 8px 0 rgba(164,193,210,0.2); } .dashboard-card--today-member .dashboard-card-label { @@ -780,7 +780,7 @@ export default { /* 本月业绩区块 - 最高优先级 */ .performance-section--month { - order: 1; /* 在 performance-overview-container 内的顺序 */ + order: 3; /* 在 performance-overview-container 内的顺序 */ background: linear-gradient(135deg, #f3f9e6 0%, #e4f5d8 100%); /* 非常淡雅的绿色渐变 */ border-color: #a3d9a5; /* 边框颜色与渐变协调 */ box-shadow: 0 6px 15px rgba(163, 217, 165, 0.3); @@ -844,7 +844,7 @@ export default { /* 今日业绩区块 - 普通优先级 */ .performance-section--today { - order: 3; + order: 1; background: linear-gradient(135deg, #e3f2fd 0%, #d0e7fa 100%); /* 非常淡雅的蓝色渐变 */ border-color: #90caf9; /* 边框颜色 */ box-shadow: 0 3px 10px rgba(144, 202, 249, 0.2); @@ -987,7 +987,7 @@ export default { /* 本月充值区块 - 最高优先级 */ .recharge-section--month { - order: 1; /* 在 recharge-summary-container 内的顺序 */ + order: 3; /* 在 recharge-summary-container 内的顺序 */ background: linear-gradient(135deg, #f6eafd 0%, #e9dffc 100%); /* 更淡雅的紫色渐变 */ border-color: #d1bcf3; box-shadow: 0 6px 18px rgba(209, 188, 243, 0.35); @@ -1037,7 +1037,7 @@ export default { /* 今日充值区块 - 普通优先级 */ .recharge-section--today { - order: 3; + order: 1; background: linear-gradient(135deg, #e6f4e7 0%, #d8ebd9 100%); /* 非常淡的灰绿色 */ border-color: #b2dfdb; box-shadow: 0 3px 12px rgba(178, 223, 219, 0.25);