angelo
/
web-retail-h5
3
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(order): 订单金额列表添加订单总金额展示

This commit is contained in:
woody 2025-09-16 11:07:47 +08:00
parent ae43dcd2b7
commit 5a36e66f95
1 changed files with 40 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
pages/mine/order/index.vue
View File

@ -62,9 +62,17 @@
<view class="tit5"> x{{ ctem.quantity }} </view>
</view>
</view>
<view class="tit1"> {{ '创建时间' }}：{{ item.creationTime }} </view>
<view class="order-info-row">
<view class="tit1"> {{ '创建时间' }}：{{ item.creationTime }} </view>
<view class="order-amount-highlight">
<text class="amount-label">订单金额：</text>
<text class="amount-value">{{
item.orderAmount | numberToCurrency | isLocal
}}</text>
</view>
</view>
</view>
<view class="xian"></view>
<view class="xian" v-if="[0, 3, 5].includes(item.orderStatus)"></view>
<view class="disFlex">
<view style="flex: 1"></view>
<view class="disFlex">
@ -780,6 +788,36 @@ export default {
color: #333333;
}
.order-info-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16rpx;
padding-top: 16rpx;
border-top: 1rpx solid #f5f5f5;
}
.order-amount-highlight {
font-family: Source Han Sans CN;
color: #f82c1a;
// background: rgba(248, 44, 26, 0.08);
// padding: 8rpx 16rpx;
// border-radius: 8rpx;
display: flex;
align-items: baseline;
}
.amount-label {
font-size: 22rpx;
font-weight: 400;
margin-right: 4rpx;
}
.amount-value {
font-size: 32rpx;
font-weight: 700;
}
.xian {
background: #eee;
height: 2rpx;