fix: 列表功能样式优化完善。
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -493,7 +493,7 @@ page {
|
||||
padding: 24rpx;
|
||||
background: #fafbfc;
|
||||
border: 2rpx solid #f0f2f5;
|
||||
margin: 15rpx 16rpx 2rpx;
|
||||
margin: 15rpx 16rpx 15rpx;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -590,7 +590,7 @@ page {
|
||||
padding: 24rpx;
|
||||
background: #fafbfc;
|
||||
border: 2rpx solid #f0f2f5;
|
||||
margin: 15rpx 16rpx 2rpx;
|
||||
margin: 15rpx 16rpx 15rpx;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -383,7 +383,7 @@ page {
|
||||
padding: 24rpx;
|
||||
background: #fafbfc;
|
||||
border: 2rpx solid #f0f2f5;
|
||||
margin: 15rpx 16rpx 2rpx;
|
||||
margin: 15rpx 16rpx 15rpx;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -382,7 +382,7 @@ page {
|
||||
padding: 24rpx;
|
||||
background: #fafbfc;
|
||||
border: 2rpx solid #f0f2f5;
|
||||
margin: 15rpx 16rpx 2rpx;
|
||||
margin: 15rpx 16rpx 15rpx;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user