优化前端样式
This commit is contained in:
@@ -185,6 +185,13 @@ onUnmounted(() => {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
// 暗色主题:卡片数字用纯白(默认 --el-text-color-primary 在暗色下是偏蓝灰的 #E5EAF3)
|
||||
html.dark & {
|
||||
.data-overview .data-card .card-content .text-box .value {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 深度修改 Element Plus 卡片头部样式
|
||||
|
||||
@@ -46,12 +46,12 @@
|
||||
<div class="stat-title">{{ item.label }}</div>
|
||||
<div class="stat-amount">
|
||||
<span class="currency">¥</span>
|
||||
<span class="number">{{ money(item.data.total) }}</span>
|
||||
<span class="number">{{ money(item.data.paid) }}</span>
|
||||
</div>
|
||||
<div class="stat-meta">
|
||||
<span>{{ item.data.count }} 单</span>
|
||||
<span>已报销 ¥ {{ money(item.data.paid) }}</span>
|
||||
<span>未报销 ¥ {{ money(item.data.unpaid) }}</span>
|
||||
<span>报销总额 ¥ {{ money(item.data.total) }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -1286,7 +1286,7 @@ html.dark & {
|
||||
.stat-amount {
|
||||
.currency,
|
||||
.number {
|
||||
color: var(--el-text-color-primary);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1304,6 +1304,11 @@ html.dark & {
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
|
||||
// 待办数字 0/5/10 在 base 写死了 #303133,暗色下漏写导致看不清
|
||||
.todo-stat-value {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.todo-stat-sub {
|
||||
color: var(--el-text-color-placeholder);
|
||||
}
|
||||
|
||||
@@ -366,6 +366,8 @@ onMounted(() => {
|
||||
.home-container {
|
||||
min-height: 100vh;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.home-top {
|
||||
background: #fff;
|
||||
@@ -472,6 +474,8 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.home-wrapper {
|
||||
flex: 1 0 auto;
|
||||
width: 100%;
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 24px;
|
||||
@@ -672,10 +676,14 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.home-footer {
|
||||
flex: 0 0 auto;
|
||||
margin-top: auto;
|
||||
width: 100%;
|
||||
border-top: 1px solid #ebeef5;
|
||||
padding: 18px 24px 28px;
|
||||
text-align: center;
|
||||
color: #909399;
|
||||
background: transparent;
|
||||
|
||||
.copyright {
|
||||
font-size: 13px;
|
||||
|
||||
Reference in New Issue
Block a user