style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩
- 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记
This commit is contained in:
@@ -26,10 +26,10 @@
|
||||
>
|
||||
请上传
|
||||
<template v-if="fileSize">
|
||||
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
|
||||
大小不超过 <b style="color: #EF4444">{{ fileSize }}MB</b>
|
||||
</template>
|
||||
<template v-if="fileType">
|
||||
格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
|
||||
格式为 <b style="color: #EF4444">{{ fileType.join("/") }}</b>
|
||||
</template>
|
||||
的文件
|
||||
</div>
|
||||
|
||||
@@ -85,7 +85,7 @@ const realHeight = computed(() =>
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -28,10 +28,10 @@
|
||||
>
|
||||
请上传
|
||||
<template v-if="fileSize">
|
||||
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
|
||||
大小不超过 <b style="color: #EF4444">{{ fileSize }}MB</b>
|
||||
</template>
|
||||
<template v-if="fileType">
|
||||
格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
|
||||
格式为 <b style="color: #EF4444">{{ fileType.join("/") }}</b>
|
||||
</template>
|
||||
的文件
|
||||
</div>
|
||||
|
||||
@@ -263,7 +263,7 @@ defineExpose({
|
||||
|
||||
&.is-read {
|
||||
.notice-title {
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -284,7 +284,7 @@ defineExpose({
|
||||
display: inline-block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background-color: #f56c6c;
|
||||
background-color: #EF4444;
|
||||
border-radius: 50%;
|
||||
margin-right: 8px;
|
||||
flex-shrink: 0;
|
||||
@@ -296,7 +296,7 @@ defineExpose({
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
gap: 8px;
|
||||
|
||||
.notice-type,
|
||||
@@ -321,7 +321,7 @@ defineExpose({
|
||||
|
||||
.detail-time {
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
.detail-content {
|
||||
|
||||
@@ -579,7 +579,7 @@ defineExpose({
|
||||
|
||||
.priority-low {
|
||||
background: #f0f2f5;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
border-color: #dcdfe6;
|
||||
|
||||
&:hover {
|
||||
|
||||
@@ -481,20 +481,20 @@ defineExpose({
|
||||
|
||||
// 优先级标签样式
|
||||
.priority-high {
|
||||
color: #f56c6c;
|
||||
border-color: #f56c6c;
|
||||
color: #EF4444;
|
||||
border-color: #EF4444;
|
||||
background: #fef0f0;
|
||||
}
|
||||
|
||||
.priority-medium {
|
||||
color: #e6a23c;
|
||||
border-color: #e6a23c;
|
||||
color: #F59E0B;
|
||||
border-color: #F59E0B;
|
||||
background: #fdf6ec;
|
||||
}
|
||||
|
||||
.priority-low {
|
||||
color: #909399;
|
||||
border-color: #909399;
|
||||
color: #64748B;
|
||||
border-color: #64748B;
|
||||
background: #f4f4f5;
|
||||
}
|
||||
|
||||
@@ -612,7 +612,7 @@ defineExpose({
|
||||
|
||||
.priority-low {
|
||||
background: #f0f2f5;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
border-color: #dcdfe6;
|
||||
|
||||
&:hover {
|
||||
|
||||
@@ -95,7 +95,7 @@
|
||||
justify-content: center;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #f56c6c;
|
||||
background: #EF4444;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
"
|
||||
|
||||
@@ -303,15 +303,15 @@ const getStatusColor = (statusEnum?: number): string => {
|
||||
|
||||
switch (statusEnum) {
|
||||
case 2: // REGISTERED - 待入科
|
||||
return '#E6A23C'; // 橙色
|
||||
return '#F59E0B'; // 橙色
|
||||
case 3: // AWAITING_DISCHARGE - 待出院
|
||||
return '#F56C6C'; // 红色
|
||||
return '#EF4444'; // 红色
|
||||
case 4: // DISCHARGED_FROM_HOSPITAL - 待出院结算
|
||||
return '#909399'; // 灰色
|
||||
return '#64748B'; // 灰色
|
||||
case 5: // ADMITTED_TO_THE_HOSPITAL - 已入院
|
||||
return '#67C23A'; // 绿色
|
||||
return '#10B981'; // 绿色
|
||||
case 6: // PENDING_TRANSFER - 待转科
|
||||
return '#409EFF'; // 蓝色
|
||||
return '#3B82F6'; // 蓝色
|
||||
default:
|
||||
return '';
|
||||
}
|
||||
|
||||
@@ -355,9 +355,9 @@ defineExpose({
|
||||
height: 24px;
|
||||
|
||||
&:hover {
|
||||
background-color: #409eff;
|
||||
background-color: #3B82F6;
|
||||
color: #fff;
|
||||
border-color: #409eff;
|
||||
border-color: #3B82F6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user