suncheng/EmailBill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

色彩调整
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 24s
Details
Docker Build & Deploy / Deploy to Production (push) Successful in 10s
Details
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Details
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
Details

Browse Source
This commit is contained in:
孙诚
2026-01-13 17:00:44 +08:00
parent 556fc5af20
commit c5c3b56200
25 changed files with 182 additions and 339 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
Web/src/components/Budget/BudgetCard.vue
View File

@@ -120,7 +120,7 @@
<van-progress
:percentage="timePercentage"
stroke-width="4"
color="#969799"
color="var(--van-gray-6)"
:show-pivot="false"
/>
<span class="percent">{{ timePercentage }}%</span>
@@ -168,7 +168,7 @@ const props = defineProps({
},
progressColor: {
type: String,
default: '#1989fa'
default: 'var(--van-primary-color)'
},
percentClass: {
type: [String, Object],
@@ -332,7 +332,7 @@ const timePercentage = computed(() => {
.compact-label {
font-size: 12px;
color: #969799;
color: var(--van-text-color-2);
line-height: 1.2;
}
@@ -346,22 +346,22 @@ const timePercentage = computed(() => {
}
.compact-value.warning {
color: #ff976a;
color: var(--van-warning-color);
}
.compact-value.income {
color: #07c160;
color: var(--van-success-color);
}
.expand-icon {
color: #1989fa;
color: var(--van-primary-color);
font-size: 14px;
transition: transform 0.3s ease;
flex-shrink: 0;
}
.collapse-icon {
color: #1989fa;
color: var(--van-primary-color);
font-size: 16px;
cursor: pointer;
}
@@ -386,7 +386,7 @@ const timePercentage = computed(() => {
.card-subtitle {
font-size: 12px;
color: #969799;
color: var(--van-text-color-2);
font-weight: normal;
white-space: nowrap;
overflow: hidden;
@@ -420,7 +420,7 @@ const timePercentage = computed(() => {
:deep(.info-item) .label {
font-size: 12px;
color: #969799;
color: var(--van-text-color-2);
margin-bottom: 2px;
}
@@ -430,11 +430,11 @@ const timePercentage = computed(() => {
}
:deep(.value.expense) {
color: #ee0a24;
color: var(--van-danger-color);
}
:deep(.value.income) {
color: #07c160;
color: var(--van-success-color);
}
.progress-section {
@@ -443,7 +443,7 @@ const timePercentage = computed(() => {
gap: 12px;
margin-bottom: 12px;
font-size: 13px;
color: #646566;
color: var(--van-gray-6);
}
.progress-section :deep(.van-progress) {
@@ -462,12 +462,12 @@ const timePercentage = computed(() => {
}
.percent.warning {
color: #ff976a;
color: var(--van-warning-color);
font-weight: bold;
}
.percent.income {
color: #07c160;
color: var(--van-success-color);
font-weight: bold;
}
@@ -483,26 +483,26 @@ const timePercentage = computed(() => {
.budget-description {
margin-top: 8px;
background-color: #f7f8fa;
background-color: var(--van-background);
border-radius: 4px;
padding: 8px;
}
.description-content {
font-size: 11px;
color: #646566;
color: var(--van-gray-6);
line-height: 1.4;
}
@media (prefers-color-scheme: dark) {
/* @media (prefers-color-scheme: dark) {
.budget-description {
background-color: #2c2c2c;
background-color: var(--van-background-2);
}
.description-content {
color: #969799;
color: var(--van-text-color-2);
}
.collapsed-row .value {
color: #f5f5f5;
color: var(--van-text-color);
}
}
} */
</style>

6
Web/src/components/Budget/BudgetEditPopup.vue
View File

@@ -40,7 +40,7 @@
</van-field>
<van-field label="相关分类">
<template #input>
<div v-if="form.selectedCategories.length === 0" style="color: #c8c9cc;">可多选分类</div>
<div v-if="form.selectedCategories.length === 0" style="color: var(--van-text-color-3);">可多选分类</div>
<div v-else class="selected-categories">
<span class="ellipsis-text">
{{ form.selectedCategories.join('、') }}
@@ -176,7 +176,7 @@ const getCategoryName = (category) => {
.ellipsis-text {
font-size: 14px;
color: #323233;
color: var(--van-text-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -185,7 +185,7 @@ const getCategoryName = (category) => {
.no-data {
font-size: 13px;
color: #969799;
color: var(--van-text-color-2);
padding: 8px 16px;
}
</style>

34
Web/src/components/Budget/BudgetSummary.vue
View File

@@ -130,7 +130,7 @@ const formatMoney = (val) => {
justify-content: center;
align-items: center;
font-size: 18px;
color: #c8c9cc;
color: var(--van-gray-5);
cursor: pointer;
transition: all 0.2s;
z-index: 1;
@@ -150,7 +150,7 @@ const formatMoney = (val) => {
}
.nav-arrow.disabled {
color: #f2f3f5;
color: var(--van-gray-3);
cursor: not-allowed;
}
@@ -200,26 +200,26 @@ const formatMoney = (val) => {
.summary-item .label {
font-size: 12px;
color: #969799;
color: var(--van-text-color-2);
margin-bottom: 6px;
}
.summary-item .value {
font-size: 20px;
font-weight: bold;
color: #323233;
color: var(--van-text-color);
}
.summary-item :deep(.value.expense) {
color: #ee0a24;
color: var(--van-danger-color);
}
.summary-item :deep(.value.income) {
color: #07c160;
color: var(--van-success-color);
}
.summary-item :deep(.value.warning) {
color: #ff976a;
color: var(--van-warning-color);
}
.summary-item .unit {
@@ -230,7 +230,7 @@ const formatMoney = (val) => {
.summary-item .sub-info {
font-size: 12px;
color: #c8c9cc;
color: var(--van-text-color-3);
display: flex;
justify-content: center;
align-items: center;
@@ -238,35 +238,35 @@ const formatMoney = (val) => {
}
.summary-item .amount {
color: #646566;
color: var(--van-text-color-2);
}
.summary-item .separator {
color: #c8c9cc;
color: var(--van-text-color-3);
}
.divider {
width: 1px;
height: 24px;
background-color: #ebedf0;
background-color: var(--van-border-color);
margin: 0 4px;
}
@media (prefers-color-scheme: dark) {
/* @media (prefers-color-scheme: dark) {
.nav-arrow:active {
background-color: rgba(255, 255, 255, 0.05);
}
.nav-arrow.disabled {
color: #323233;
color: var(--van-text-color);
}
.summary-item .value {
color: #f5f5f5;
color: var(--van-text-color);
}
.summary-item .amount {
color: #c8c9cc;
color: var(--van-text-color-3);
}
.divider {
background-color: #2c2c2c;
background-color: var(--van-border-color);
}
}
} */
</style>

4
Web/src/components/Budget/SavingsConfigPopup.vue
View File

@@ -91,7 +91,7 @@ const onSubmit = async () => {
.subtitle {
font-size: 14px;
color: #969799;
color: var(--van-text-color-2);
margin: 0;
}
@@ -103,7 +103,7 @@ const onSubmit = async () => {
.no-data {
text-align: center;
color: #969799;
color: var(--van-text-color-2);
width: 100%;
padding: 20px 0;
}