angelo
/
web-base-admin
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(dashboard): 首页汇总数据展示顺序调整-今日-昨日-本月

This commit is contained in:
woody 2025-05-20 11:05:43 +08:00
parent b8f0075c7c
commit e0e4e273c7
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/dashboard/dashboard.vue
View File

@ -56,7 +56,7 @@
</div>
<!-- 业绩数据卡片 (统一结构) -->
<div class="dashboard-card-group dashboard-card-group--performance-overview">
<div class="dashboard-card-title">金额汇总</div>
<div class="dashboard-card-title">新增业绩</div>
<div class="performance-overview-container">
<!-- 本月业绩 -->
<div class="performance-section performance-section--month">
@ -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);