style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩
- 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记
This commit is contained in:
@@ -368,13 +368,13 @@ defineExpose({
|
||||
|
||||
.report-refresh-icon {
|
||||
cursor: pointer;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
transition: color 0.2s;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.report-refresh-icon:hover {
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.report-refresh-icon.is-loading {
|
||||
|
||||
@@ -1302,13 +1302,13 @@ defineExpose({
|
||||
|
||||
.report-refresh-icon {
|
||||
cursor: pointer;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
transition: color 0.2s;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.report-refresh-icon:hover {
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.report-refresh-icon.is-loading {
|
||||
@@ -1412,30 +1412,30 @@ defineExpose({
|
||||
:deep(.el-tag--info.is-plain) {
|
||||
background: #f4f4f5;
|
||||
border-color: #e9e9eb;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
:deep(.el-tag--primary.is-plain) {
|
||||
background: #ecf5ff;
|
||||
border-color: #d9ecff;
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
:deep(.el-tag--success.is-plain) {
|
||||
background: #f0f9eb;
|
||||
border-color: #e1f3d8;
|
||||
color: #67c23a;
|
||||
color: #10B981;
|
||||
}
|
||||
|
||||
:deep(.el-tag--warning.is-plain) {
|
||||
background: #fdf6ec;
|
||||
border-color: #faecd8;
|
||||
color: #e6a23c;
|
||||
color: #F59E0B;
|
||||
}
|
||||
|
||||
:deep(.el-tag--danger.is-plain) {
|
||||
background: #fef0f0;
|
||||
border-color: #fde2e2;
|
||||
color: #f56c6c;
|
||||
color: #EF4444;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1027,12 +1027,12 @@ const handleConfirm = async () => {
|
||||
.status-tag {
|
||||
padding: 4px 12px;
|
||||
border-radius: 4px;
|
||||
background-color: #409eff; /* 蓝色背景 */
|
||||
background-color: #3B82F6; /* 蓝色背景 */
|
||||
color: #ffffff; /* 白色文字 */
|
||||
}
|
||||
|
||||
.condition-text {
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -1071,13 +1071,13 @@ const handleConfirm = async () => {
|
||||
|
||||
/* 增强选中状态样式的优先级 */
|
||||
.options-horizontal .option-item.selected {
|
||||
background-color: #409eff !important;
|
||||
background-color: #3B82F6 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.option-item:hover:not(.selected) {
|
||||
background-color: #ecf5ff;
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
/* 响应式调整 */
|
||||
|
||||
@@ -256,16 +256,16 @@ watch(
|
||||
|
||||
.report-refresh-icon {
|
||||
cursor: pointer;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.report-refresh-icon:hover {
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.report-link {
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@@ -555,13 +555,13 @@ defineExpose({
|
||||
|
||||
.report-refresh-icon {
|
||||
cursor: pointer;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
transition: color 0.2s;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.report-refresh-icon:hover {
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.report-refresh-icon.is-loading {
|
||||
|
||||
@@ -931,13 +931,13 @@ defineExpose({
|
||||
|
||||
.report-refresh-icon {
|
||||
cursor: pointer;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
transition: color 0.2s;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.report-refresh-icon:hover {
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.report-refresh-icon.is-loading {
|
||||
@@ -947,7 +947,7 @@ defineExpose({
|
||||
.report-status-tag {
|
||||
cursor: pointer;
|
||||
background-color: #f0f9eb !important;
|
||||
border-color: #67c23a !important;
|
||||
border-color: #10B981 !important;
|
||||
color: #529b2e !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user