style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩
- 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记
This commit is contained in:
@@ -175,13 +175,13 @@
|
||||
<div style="display: flex; justify-content: flex-start; gap: 10px; padding: 10px 20px; background-color: #e6f4ff;">
|
||||
<el-button
|
||||
type="primary"
|
||||
style="background-color: #409eff; border-color: #409eff; padding: 8px 16px; font-size: 14px;"
|
||||
style="background-color: #3B82F6; border-color: #3B82F6; padding: 8px 16px; font-size: 14px;"
|
||||
@click="confirmSelectPatient"
|
||||
>
|
||||
确认(Q)
|
||||
</el-button>
|
||||
<el-button
|
||||
style="background-color: #f56c6c; border-color: #f56c6c; color: white; padding: 8px 16px; font-size: 14px;"
|
||||
style="background-color: #EF4444; border-color: #EF4444; color: white; padding: 8px 16px; font-size: 14px;"
|
||||
@click="showPatientList = false; selectedPatient = null"
|
||||
>
|
||||
关闭(C)
|
||||
@@ -656,8 +656,8 @@ const confirmSelectPatient = () => {
|
||||
|
||||
.dialog-footer .el-button {
|
||||
min-width: 80px;
|
||||
background-color: #f56c6c;
|
||||
border-color: #f56c6c;
|
||||
background-color: #EF4444;
|
||||
border-color: #EF4444;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@@ -726,7 +726,7 @@ const confirmSelectPatient = () => {
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background: #409eff;
|
||||
background: #3B82F6;
|
||||
color: white;
|
||||
padding: 10px 15px;
|
||||
margin: -10px -10px 15px -10px;
|
||||
@@ -803,7 +803,7 @@ const confirmSelectPatient = () => {
|
||||
.success-icon {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: #67c23a;
|
||||
background: #10B981;
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user