style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩
- 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记
This commit is contained in:
@@ -280,6 +280,6 @@ defineExpose({
|
||||
|
||||
<style scoped>
|
||||
.popover-table-wrapper:focus {
|
||||
outline: 2px solid #409eff; /* 聚焦时的高亮效果 */
|
||||
outline: 2px solid #3B82F6; /* 聚焦时的高亮效果 */
|
||||
}
|
||||
</style>
|
||||
@@ -97,7 +97,7 @@
|
||||
<!-- 库存为空时显示提示 -->
|
||||
<span
|
||||
v-else
|
||||
style="color: #f56c6c; margin-right: 20px; font-size: 14px;"
|
||||
style="color: #EF4444; margin-right: 20px; font-size: 14px;"
|
||||
>
|
||||
无可用库存
|
||||
</span>
|
||||
@@ -1402,7 +1402,7 @@ defineExpose({ getListInfo, closeAllPopovers });
|
||||
.total-amount {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
@@ -608,7 +608,7 @@ getPharmacyCabinetLists();
|
||||
}
|
||||
|
||||
.info-label {
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
font-size: 13px;
|
||||
white-space: nowrap;
|
||||
min-width: 90px;
|
||||
@@ -661,7 +661,7 @@ getPharmacyCabinetLists();
|
||||
}
|
||||
|
||||
.value-highlight {
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
font-weight: 700;
|
||||
font-size: 15px;
|
||||
}
|
||||
@@ -677,16 +677,16 @@ getPharmacyCabinetLists();
|
||||
|
||||
.summary-label {
|
||||
font-weight: 600;
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
padding: 8px 0 8px 12px;
|
||||
margin: 8px 0 6px;
|
||||
border-left: 3px solid #409eff;
|
||||
border-left: 3px solid #3B82F6;
|
||||
background: linear-gradient(90deg, rgba(64, 158, 255, 0.05) 0%, transparent 100%);
|
||||
}
|
||||
|
||||
|
||||
@@ -513,7 +513,7 @@ function cancel() {
|
||||
.total-amount {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
@@ -224,7 +224,7 @@ function close() {
|
||||
|
||||
.total {
|
||||
margin-left: 20px;
|
||||
color: #f56c6c;
|
||||
color: #EF4444;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -494,7 +494,7 @@ function handelSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||
|
||||
&.active {
|
||||
background-color: #ecf5ff;
|
||||
border-left: 4px solid #409eff;
|
||||
border-left: 4px solid #3B82F6;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -527,7 +527,7 @@ function handelSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||
|
||||
.total {
|
||||
margin-left: 20px;
|
||||
color: #f56c6c;
|
||||
color: #EF4444;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -592,7 +592,7 @@ getNurseListData();
|
||||
|
||||
.title-info {
|
||||
font-size: 14px;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
.patient-cards {
|
||||
@@ -612,12 +612,12 @@ getNurseListData();
|
||||
}
|
||||
|
||||
.patient-card:hover {
|
||||
border-color: #409eff;
|
||||
border-color: #3B82F6;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.patient-card.actived {
|
||||
border-color: #409eff;
|
||||
border-color: #3B82F6;
|
||||
background: #ecf5ff;
|
||||
box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 0.2);
|
||||
}
|
||||
@@ -637,7 +637,7 @@ getNurseListData();
|
||||
|
||||
.patient-info {
|
||||
font-size: 14px;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
.card-divider {
|
||||
@@ -658,7 +658,7 @@ getNurseListData();
|
||||
}
|
||||
|
||||
.card-item .label {
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
min-width: 70px;
|
||||
}
|
||||
|
||||
@@ -672,15 +672,15 @@ getNurseListData();
|
||||
}
|
||||
|
||||
.status-success {
|
||||
color: #67c23a;
|
||||
color: #10B981;
|
||||
}
|
||||
|
||||
.status-warning {
|
||||
color: #e6a23c;
|
||||
color: #F59E0B;
|
||||
}
|
||||
|
||||
.status-danger {
|
||||
color: #f56c6c;
|
||||
color: #EF4444;
|
||||
}
|
||||
|
||||
:deep(.el-table tbody tr:hover > td) {
|
||||
|
||||
Reference in New Issue
Block a user