qdintc/intc-vue-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 功能优化，统计页面金额字体样式修改。

Browse Source
This commit is contained in:
tianyongbao
2026-02-12 21:32:27 +08:00
parent 7420f1e845
commit 8f1c61926f
20 changed files with 96 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/statistic/accounts/accountDealAnalysis/index.vue
View File

@@ -253,7 +253,7 @@
</view>
<view class="header-right">
<text class="amount-label">收支金额：</text>
<text class="amount-value">{{ item.value }}元</text>
<text class="amount-value" :style="{ color: parseFloat(item.value) >= 0 ? '#10b981' : '#ef4444' }">{{ item.value }}元</text>
</view>
</view>
<view class="item-body">
@@ -1057,7 +1057,6 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
line-height: 1;
}
}

2
src/pages/statistic/accounts/accountsBalance/index.vue
View File

@@ -809,7 +809,7 @@ page {
.amount-value {
font-size: 30rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}

2
src/pages/statistic/accounts/bankCardStatistics/index.vue
View File

@@ -375,7 +375,7 @@ page {
.total-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}

2
src/pages/statistic/accounts/creditCardDealAnalysis/index.vue
View File

@@ -1106,7 +1106,7 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}

2
src/pages/statistic/accounts/dailyExpensesAnalysis/index.vue
View File

@@ -1145,7 +1145,7 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}

4
src/pages/statistic/accounts/debitCardAnalysis/index.vue
View File

@@ -952,7 +952,7 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}
@@ -979,7 +979,7 @@ page {
}
.row-value {
color: #2c3e50;
color: #fa8c16;
font-size: 26rpx;
font-weight: 600;
}

2
src/pages/statistic/accounts/debitDealAnalysis/index.vue
View File

@@ -1050,7 +1050,7 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}

3
src/pages/statistic/accounts/investDealAnalysis/index.vue
View File

@@ -249,7 +249,7 @@
</view>
<view class="header-right">
<text class="amount-label">收益金额：</text>
<text class="amount-value">{{ item.value }}元</text>
<text class="amount-value" :style="{ color: parseFloat(item.value) >= 0 ? '#10b981' : '#ef4444' }">{{ item.value }}元</text>
</view>
</view>
<view class="item-body">
@@ -1081,7 +1081,6 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
line-height: 1;
}
}

2
src/pages/statistic/accounts/openCardStatics/index.vue
View File

@@ -913,7 +913,7 @@ page {
.amount-value {
font-size: 30rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}

2
src/pages/statistic/accounts/posAnalysis/index.vue
View File

@@ -1020,7 +1020,7 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}

4
src/pages/statistic/accounts/posStatics/index.vue
View File

@@ -942,7 +942,7 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
color:#fa8c16;
line-height: 1;
}
}
@@ -970,7 +970,7 @@ page {
}
.row-value {
color: #2c3e50;
color: #fa8c16;
font-size: 28rpx;
font-weight: 600;
flex: 1;

2
src/pages/statistic/bill/creditBillAnalysis/index.vue
View File

@@ -938,7 +938,7 @@ page {
.amount-value {
font-size: 30rpx;
font-weight: 700;
color: #ffffff;
color:#fa8c16;
line-height: 1;
}
}

53
src/pages/statistic/bill/creditInstallmentAnalysis/index.vue
View File

@@ -265,14 +265,13 @@
<uni-icons type="wallet-filled" size="14" color="#667eea"></uni-icons>
<text>{{ detail.bankCardLendName }}</text>
</view>
<view class="header-right-section">
<text class="current-amount">{{ detail.currentAmount }}元</text>
</view>
</view>
<view class="detail-info">
<view class="info-row">
<view class="info-item">
<text class="info-label">待还金额</text>
<text class="info-value">{{ detail.currentAmount }}元</text>
</view>
<view class="info-item">
<text class="info-label">本金</text>
<text class="info-value">{{ detail.principal }}元</text>
@@ -1160,7 +1159,7 @@ page {
.amount-value {
font-size: 30rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}
@@ -1201,6 +1200,19 @@ page {
}
}
.header-right-section {
display: flex;
align-items: center;
gap: 12rpx;
.current-amount {
font-size: 32rpx;
font-weight: 700;
color: #fa8c16;
line-height: 1;
}
}
.detail-amount {
font-size: 32rpx;
font-weight: 700;
@@ -1212,28 +1224,35 @@ page {
.info-row {
display: flex;
justify-content: space-between;
gap: 8rpx;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
.info-item {
flex: 1;
flex: 0 0 calc(50% - 12rpx);
display: flex;
flex-direction: column;
align-items: center;
padding: 12rpx 8rpx;
background: #ffffff;
border-radius: 8rpx;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
.info-label {
font-size: 22rpx;
color: #909399;
margin-bottom: 4rpx;
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
color: #303133;
font-weight: 600;
color: #fa8c16;
font-weight: 500;
flex: 1;
line-height: 1.5;
word-break: break-all;
}
}
}

2
src/pages/statistic/bill/creditInstallmentSettledAnalysis/index.vue
View File

@@ -906,7 +906,7 @@ page {
.amount-value {
font-size: 30rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}

2
src/pages/statistic/bill/creditRecordAnalysis/index.vue
View File

@@ -893,7 +893,7 @@ page {
.amount-value {
font-size: 30rpx;
color: #ffffff;
color: #fa8c16;
font-weight: 700;
line-height: 1;
}

3
src/pages/statistic/bill/futuresAnalysis/index.vue
View File

@@ -214,7 +214,7 @@
</view>
<view class="header-right">
<text class="amount-label">收益：</text>
<text class="amount-value">{{ item.value }}元</text>
<text class="amount-value" :style="{ color: parseFloat(item.value) >= 0 ? '#10b981' : '#ef4444' }">{{ item.value }}元</text>
</view>
</view>
<view class="item-body">
@@ -1069,7 +1069,6 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
line-height: 1;
}
}

3
src/pages/statistic/bill/investAnalysis/index.vue
View File

@@ -219,7 +219,7 @@
</view>
<view class="header-right">
<text class="amount-label">收益：</text>
<text class="amount-value">{{ item.value }}元</text>
<text class="amount-value" :style="{ color: parseFloat(item.value) >= 0 ? '#10b981' : '#ef4444' }">{{ item.value }}元</text>
</view>
</view>
<view class="item-body">
@@ -1060,7 +1060,6 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
line-height: 1;
}
}

61
src/pages/statistic/bill/onlineLendAnalysis/index.vue
View File

@@ -267,18 +267,17 @@
<uni-icons type="wallet-filled" size="14" color="#667eea"></uni-icons>
<text>{{ detail.bankCardLendName }}</text>
</view>
<button class="repay-btn-small" @click="handleRepayment(detail)">
<uni-icons type="checkmarkempty" size="14" color="#ffffff"></uni-icons>
<text>还款</text>
</button>
<view class="header-right-section">
<text class="current-amount">{{ detail.currentAmount }}元</text>
<button class="repay-btn-small" @click="handleRepayment(detail)">
<uni-icons type="checkmarkempty" size="14" color="#ffffff"></uni-icons>
<text>还款</text>
</button>
</view>
</view>
<view class="detail-info">
<view class="info-row">
<view class="info-item">
<text class="info-label">待还金额</text>
<text class="info-value">{{ detail.currentAmount }}元</text>
</view>
<view class="info-item">
<text class="info-label">本金</text>
<text class="info-value">{{ detail.principal }}元</text>
@@ -1152,7 +1151,7 @@ page {
.amount-value {
font-size: 30rpx;
font-weight: 700;
color: #ffffff;
color: #fa8c16;
line-height: 1;
}
}
@@ -1194,6 +1193,19 @@ page {
}
}
.header-right-section {
display: flex;
align-items: center;
gap: 12rpx;
.current-amount {
font-size: 32rpx;
font-weight: 700;
color: #fa8c16;
line-height: 1;
}
}
.repay-btn-small {
display: flex;
align-items: center;
@@ -1234,28 +1246,35 @@ page {
.info-row {
display: flex;
justify-content: space-between;
gap: 8rpx;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
.info-item {
flex: 1;
flex: 0 0 calc(50% - 12rpx);
display: flex;
flex-direction: column;
align-items: center;
padding: 12rpx 8rpx;
background: #ffffff;
border-radius: 8rpx;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
.info-label {
font-size: 22rpx;
color: #909399;
margin-bottom: 4rpx;
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
color: #303133;
font-weight: 600;
color: #fa8c16;
font-weight: 500;
flex: 1;
line-height: 1.5;
word-break: break-all;
}
}
}

2
src/pages/statistic/bill/onlineLendSettledAnalysis/index.vue
View File

@@ -892,7 +892,7 @@ page {
.amount-value {
font-size: 30rpx;
color: #ffffff;
color: #fa8c16;
font-weight: 700;
line-height: 1;
}

3
src/pages/statistic/bill/stocksAnalysis/index.vue
View File

@@ -214,7 +214,7 @@
</view>
<view class="header-right">
<text class="amount-label">收益：</text>
<text class="amount-value">{{ item.value }}元</text>
<text class="amount-value" :style="{ color: parseFloat(item.value) >= 0 ? '#10b981' : '#ef4444' }">{{ item.value }}元</text>
</view>
</view>
<view class="item-body">
@@ -1057,7 +1057,6 @@ page {
.amount-value {
font-size: 28rpx;
font-weight: 700;
color: #ffffff;
line-height: 1;
}
}