Third_Dev_Dept/Migu2.0
18
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

style(web): 薰衣草主题背景下沉与卡片阴影、面板紧凑度微调

Browse Source 
- 主区背景下沉至约 92% 明度，卡片/KPI 改用更明显的紫色投影并上浮
- 修复 Dashboard 在 route-page flex 下被压扁导致快捷入口被裁切
- 车辆监控面板紧凑化

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
zhaowei.huang
2026-05-31 00:16:54 +08:00
co-authored by Cursor
parent bf450e38a0
commit 745ab03a84
4 changed files with 52 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontends/apps/simple-platform-vue/src/styles/theme.css
+17 -13
View File
@@ -956,7 +956,7 @@ a:hover { color: rgba(var(--mg-accent-rgb), 0.85); }
/* body：纯净紫白渐变（更柔和、长时间阅读不刺眼） */
:root[data-theme="fame-lavender"] body {
background:
linear-gradient(180deg, #fafaff 0%, #f5f3fb 60%, #f0eaf6 100%) !important;
linear-gradient(160deg, #edeaf5 0%, #e7e4f1 55%, #f1eef8 100%) !important;
color: #1a0f3d;
}
@@ -1133,11 +1133,11 @@ a:hover { color: rgba(var(--mg-accent-rgb), 0.85); }
/* el-card：白底紫描边 + 双层阴影（紫色阴影更显品牌） */
:root[data-theme="fame-lavender"] .mg-content .el-card {
background: #ffffff !important;
border: 1px solid #e8e1f0 !important;
border-radius: 12px !important;
border: 1px solid #e2dbf0 !important;
border-radius: 14px !important;
box-shadow:
0 1px 3px rgba(45, 27, 105, 0.04),
0 4px 12px rgba(124, 58, 237, 0.04) !important;
0 1px 2px rgba(45, 27, 105, 0.05),
0 10px 26px rgba(108, 71, 200, 0.10) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
color: #1a0f3d !important;
@@ -1148,9 +1148,9 @@ a:hover { color: rgba(var(--mg-accent-rgb), 0.85); }
background: #ffffff !important;
border-color: #c4b5fd !important;
box-shadow:
0 4px 12px rgba(45, 27, 105, 0.08),
0 12px 28px rgba(124, 58, 237, 0.12) !important;
transform: translateY(-1px) !important;
0 4px 14px rgba(45, 27, 105, 0.10),
0 18px 40px rgba(108, 71, 200, 0.16) !important;
transform: translateY(-2px) !important;
}
:root[data-theme="fame-lavender"] .mg-content .el-card .el-card {
background: #faf7fd !important;
@@ -1172,9 +1172,11 @@ a:hover { color: rgba(var(--mg-accent-rgb), 0.85); }
:root[data-theme="fame-lavender"] .mg-content .kpi-row .el-statistic,
:root[data-theme="fame-lavender"] .mg-content .kpi-card {
background: #fff !important;
border: 1px solid #ebe5f4 !important;
border-radius: 10px !important;
box-shadow: 0 2px 8px rgba(45, 27, 105, 0.05) !important;
border: 1px solid #e2dbf0 !important;
border-radius: 12px !important;
box-shadow:
0 1px 2px rgba(45, 27, 105, 0.05),
0 8px 22px rgba(108, 71, 200, 0.10) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
padding: 16px 18px !important;
@@ -1183,8 +1185,10 @@ a:hover { color: rgba(var(--mg-accent-rgb), 0.85); }
:root[data-theme="fame-lavender"] .mg-content .kpi-card:hover {
background: #fff !important;
border-color: #c4b5fd !important;
box-shadow: 0 6px 18px rgba(124, 58, 237, 0.10) !important;
transform: none !important;
box-shadow:
0 4px 14px rgba(45, 27, 105, 0.09),
0 14px 32px rgba(108, 71, 200, 0.15) !important;
transform: translateY(-2px) !important;
}
:root[data-theme="fame-lavender"] .mg-content .el-statistic__head { color: #4a3d6e !important; font-weight: 500; }
:root[data-theme="fame-lavender"] .mg-content .el-statistic__number,