fix: 列表功能样式优化完善。

This commit is contained in:
tianyongbao
2026-02-05 22:21:57 +08:00
parent 921e8569e8
commit 1a6a62835c
18 changed files with 65 additions and 32 deletions

View File

@@ -412,10 +412,10 @@ page {
}
.card-body {
padding: 24rpx;
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}

View File

@@ -493,7 +493,7 @@ page {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}

View File

@@ -901,8 +901,11 @@ page {
}
.item-body {
padding: 20rpx 24rpx;
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
.detail-label {
display: flex;
align-items: center;

View File

@@ -900,7 +900,11 @@ page {
}
.item-body {
padding: 20rpx 24rpx;
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 12rpx;
border-radius: 12rpx;
.detail-label {
display: flex;

View File

@@ -753,7 +753,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
.info-row {
display: flex;

View File

@@ -209,7 +209,11 @@ onLoad((option) => {
}
.card-body {
padding: 24rpx;
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-section {

View File

@@ -669,9 +669,11 @@ page {
}
.card-body {
padding: 20rpx 24rpx;
background: #fff;
border-top: 1rpx solid #f5f7fa;
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -724,10 +724,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
display: flex;
flex-direction: column;
gap: 12rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
.info-row {
display: flex;

View File

@@ -454,8 +454,12 @@ page {
}
}
.card-body {
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -395,8 +395,12 @@ page {
}
}
.card-body {
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -590,7 +590,7 @@ page {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}

View File

@@ -59,15 +59,11 @@
<text class="info-label">账单周期</text>
<text class="info-value">{{ item.billDatePeriod }}</text>
</view>
</view>
<view class="last-trans-section" v-if="auth.hasPermi('invest:posmachine:list')">
<view class="info-item">
<view class="info-item">
<text class="info-label">最近交易时间</text>
<text class="info-value">{{ item.recentDealTime || '-' }}</text>
</view>
</view>
<view class="stats-body" v-if="auth.hasPermi('invest:posmachine:list')">
<view class="stats-row">
<view class="stats-item">
@@ -628,9 +624,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
display: flex;
gap: 16rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 5rpx;
border-radius: 12rpx;
}
.info-item {

View File

@@ -402,7 +402,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
margin: 15rpx 16rpx 2rpx;
border: 2rpx solid #f0f2f5;
border-radius: 12rpx;
display: flex;
gap: 16rpx;
}

View File

@@ -482,7 +482,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
border-radius: 12rpx;
margin: 15rpx 16rpx 2rpx;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16rpx 24rpx;

View File

@@ -383,7 +383,7 @@ page {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}

View File

@@ -433,9 +433,12 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
margin: 15rpx 16rpx 2rpx;
display: flex;
gap: 16rpx;
border: 2rpx solid #f0f2f5;
border-radius: 12rpx;
}
.info-item {

View File

@@ -493,10 +493,13 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
display: grid;
margin: 15rpx 16rpx 2rpx;
grid-template-columns: repeat(2, 1fr);
gap: 16rpx 24rpx;
border: 2rpx solid #f0f2f5;
border-radius: 12rpx;
}
.info-item {

View File

@@ -382,7 +382,7 @@ page {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}