fix: 自测功能优化完善。
This commit is contained in:
@@ -23,11 +23,13 @@
|
||||
<view class="header-info">
|
||||
<view class="card-name-row">
|
||||
<text class="card-name">{{ item.name }}</text>
|
||||
<text class="card-code">{{ item.code }}</text>
|
||||
<view class="bill-info">
|
||||
<text class="limit-label">账单日</text>
|
||||
<text class="bill-date">{{ item.billDateName }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-limit-row">
|
||||
<text class="limit-label">账单日</text>
|
||||
<text class="bill-date">{{ item.billDateName }}</text>
|
||||
<view class="card-detail-row">
|
||||
<text class="card-code">{{ item.code }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -41,7 +43,7 @@
|
||||
<view class="pos-section" v-if="item.advicePosNames">
|
||||
<view class="section-header">
|
||||
<uni-icons type="shop" size="16" color="#667eea"></uni-icons>
|
||||
<text class="section-title">推荐POS刷卡</text>
|
||||
<text class="section-title">推荐POS机刷卡</text>
|
||||
</view>
|
||||
<view class="pos-tags">
|
||||
<text class="pos-tag" v-for="(pos, idx) in item.advicePosNames.split('、')" :key="idx">{{ pos }}</text>
|
||||
@@ -366,11 +368,15 @@ page {
|
||||
}
|
||||
|
||||
.list-item {
|
||||
margin: 0 24rpx 24rpx;
|
||||
margin: 24rpx 24rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
|
||||
&:first-child {
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
|
||||
.item-header {
|
||||
display: flex;
|
||||
@@ -403,46 +409,59 @@ page {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8rpx;
|
||||
gap: 6rpx;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.card-name-row {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 10rpx;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.card-name {
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 1.2;
|
||||
line-height: 1.3;
|
||||
flex: 1;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.card-detail-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.card-code {
|
||||
font-size: 24rpx;
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
font-size: 21rpx;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
font-weight: 400;
|
||||
line-height: 1.2;
|
||||
letter-spacing: 0.5rpx;
|
||||
font-family: 'Courier New', monospace;
|
||||
}
|
||||
|
||||
.card-limit-row {
|
||||
.bill-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
gap: 6rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.limit-label {
|
||||
font-size: 22rpx;
|
||||
font-size: 20rpx;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.bill-date {
|
||||
font-size: 26rpx;
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user