style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩
- 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记
This commit is contained in:
@@ -516,10 +516,10 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color: #f56c6c;
|
||||
color: #EF4444;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color: #67c23a;
|
||||
color: #10B981;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -507,17 +507,17 @@ getList();
|
||||
<style scoped>
|
||||
.subtotal-text {
|
||||
font-weight: bold;
|
||||
color: #409EFF;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.drug-text {
|
||||
font-weight: bold;
|
||||
color: #67C23A;
|
||||
color: #10B981;
|
||||
}
|
||||
|
||||
.total-text {
|
||||
font-weight: bold;
|
||||
color: #F56C6C;
|
||||
color: #EF4444;
|
||||
}
|
||||
|
||||
/* 行样式 */
|
||||
|
||||
@@ -402,7 +402,7 @@ function handleExport() {
|
||||
}
|
||||
|
||||
.link {
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
<div class="card-icon">
|
||||
<i
|
||||
class="el-icon-data-analysis"
|
||||
style="font-size: 36px; color: #409EFF;"
|
||||
style="font-size: 36px; color: #3B82F6;"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-text">
|
||||
@@ -37,7 +37,7 @@
|
||||
<div class="card-icon">
|
||||
<i
|
||||
class="el-icon-warning-outline"
|
||||
style="font-size: 36px; color: #E6A23C;"
|
||||
style="font-size: 36px; color: #F59E0B;"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-text">
|
||||
@@ -56,7 +56,7 @@
|
||||
<div class="card-icon">
|
||||
<i
|
||||
class="el-icon-trend-charts"
|
||||
style="font-size: 36px; color: #67C23A;"
|
||||
style="font-size: 36px; color: #10B981;"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-text">
|
||||
@@ -75,7 +75,7 @@
|
||||
<div class="card-icon">
|
||||
<i
|
||||
class="el-icon-sell"
|
||||
style="font-size: 36px; color: #F56C6C;"
|
||||
style="font-size: 36px; color: #EF4444;"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-text">
|
||||
@@ -94,7 +94,7 @@
|
||||
<div class="card-icon">
|
||||
<i
|
||||
class="el-icon-shopping-cart-full"
|
||||
style="font-size: 36px; color: #909399;"
|
||||
style="font-size: 36px; color: #64748B;"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-text">
|
||||
@@ -113,7 +113,7 @@
|
||||
<div class="card-icon">
|
||||
<i
|
||||
class="el-icon-shopping-cart-1"
|
||||
style="font-size: 36px; color: #409EFF;"
|
||||
style="font-size: 36px; color: #3B82F6;"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-text">
|
||||
@@ -149,7 +149,7 @@ const goToPage = (path) => {
|
||||
|
||||
.portal-description {
|
||||
text-align: center;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
@@ -188,7 +188,7 @@ const goToPage = (path) => {
|
||||
p {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -112,10 +112,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>
|
||||
|
||||
@@ -479,10 +479,10 @@ onMounted(() => {
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.label-red {
|
||||
color: #f56c6c;
|
||||
color: #EF4444;
|
||||
}
|
||||
.label-green {
|
||||
color: #67c23a;
|
||||
color: #10B981;
|
||||
}
|
||||
.formula-wrapper {
|
||||
margin-top: 8px;
|
||||
@@ -505,6 +505,6 @@ onMounted(() => {
|
||||
}
|
||||
.formula-operator {
|
||||
padding: 0 2px;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user