fix(ui): 主题与脑图浅色适配、标签配色及静态资源缓存
- 浅色模式下用例脑图区域改为浅色样式 - 恢复 el-tag 按 success/warning/info 等类型的颜色 - 启动时应用主题,Home 内容区深色样式兜底 - nginx 禁止缓存 index.html,hash 静态资源长期缓存 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
52
src/App.vue
52
src/App.vue
@@ -233,12 +233,36 @@ button,
|
||||
border-color: rgba(56, 189, 248, 0.5);
|
||||
}
|
||||
|
||||
.el-tag {
|
||||
.el-tag:not(.el-tag--success):not(.el-tag--warning):not(.el-tag--danger):not(.el-tag--info) {
|
||||
border-color: rgba(56, 189, 248, 0.28);
|
||||
background: rgba(56, 189, 248, 0.12);
|
||||
color: #bae6fd;
|
||||
}
|
||||
|
||||
.el-tag.el-tag--success {
|
||||
border-color: rgba(103, 194, 58, 0.45);
|
||||
background: rgba(103, 194, 58, 0.16);
|
||||
color: #86efac;
|
||||
}
|
||||
|
||||
.el-tag.el-tag--warning {
|
||||
border-color: rgba(230, 162, 60, 0.45);
|
||||
background: rgba(230, 162, 60, 0.16);
|
||||
color: #fcd34d;
|
||||
}
|
||||
|
||||
.el-tag.el-tag--danger {
|
||||
border-color: rgba(245, 108, 108, 0.45);
|
||||
background: rgba(245, 108, 108, 0.16);
|
||||
color: #fca5a5;
|
||||
}
|
||||
|
||||
.el-tag.el-tag--info {
|
||||
border-color: rgba(148, 163, 184, 0.35);
|
||||
background: rgba(148, 163, 184, 0.14);
|
||||
color: #cbd5e1;
|
||||
}
|
||||
|
||||
.el-card__header {
|
||||
background: #162033;
|
||||
border-bottom-color: rgba(148, 163, 184, 0.18);
|
||||
@@ -439,12 +463,36 @@ body.theme-light .el-tabs__nav-wrap::after {
|
||||
background-color: #e2e8f0;
|
||||
}
|
||||
|
||||
body.theme-light .el-tag {
|
||||
body.theme-light .el-tag:not(.el-tag--success):not(.el-tag--warning):not(.el-tag--danger):not(.el-tag--info) {
|
||||
border-color: #bfdbfe;
|
||||
background: #eff6ff;
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
body.theme-light .el-tag.el-tag--success {
|
||||
border-color: #e1f3d8;
|
||||
background: #f0f9eb;
|
||||
color: #67c23a;
|
||||
}
|
||||
|
||||
body.theme-light .el-tag.el-tag--warning {
|
||||
border-color: #faecd8;
|
||||
background: #fdf6ec;
|
||||
color: #e6a23c;
|
||||
}
|
||||
|
||||
body.theme-light .el-tag.el-tag--danger {
|
||||
border-color: #fde2e2;
|
||||
background: #fef0f0;
|
||||
color: #f56c6c;
|
||||
}
|
||||
|
||||
body.theme-light .el-tag.el-tag--info {
|
||||
border-color: #e9e9eb;
|
||||
background: #f4f4f5;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
body.theme-light .el-tree,
|
||||
body.theme-light .el-tree-node__content {
|
||||
color: #334155;
|
||||
|
||||
Reference in New Issue
Block a user