zhuce
/
lilishop-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化Im 多订单展示

master
学习很差啦 2023-03-01 18:29:25 +08:00
parent d256fd3559
commit 767ad94565
1 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
pages/mine/im/index.vue
View File

@ -42,20 +42,26 @@
</view> </view>
</view> </view>
</view> </view>
<view v-if="item.messageType == 'ORDER'">
<view v-if="item.messageType == 'ORDER'" @click="linkTosOrders(item.text)">
<view class="orderSn"> <view class="orderSn">
<text>订单号：{{ JSON.parse(item.text)['sn'] }}</text> <div class="wes">订单号：{{ JSON.parse(item.text)['sn'] }}</div>
<div class='order-item flex' v-if="JSON.parse(item.text).orderItems.length" v-for='(order,orderIndex) in JSON.parse(item.text).orderItems'>
<u-image mode="widthFix" width='120rpx' height='120rpx' :src="order.image" />
<view class="groupNameOrTime">
<div class="wes-2" >{{
order.name
}}</div>
<div class="main-color goodsdesc-rice">{{
order.goodsPrice | unitPrice("￥")
}}</div>
</view>
</div>
<view class="oederList"> <view class="oederList">
<img style="height: 120rpx; width: 120rpx; margin-top: 15rpx;" <view class="orderTime">
:src="JSON.parse(item.text)['groupImages']" mode="widthFix" />
<view class="groupNameOrTime">
<text @click="linkTosOrders(item.text)">{{
JSON.parse(item.text)['groupName']
}}</text>
<view class="orderTime">
<text>{{ JSON.parse(item.text)['paymentTime'] }}</text> <text>{{ JSON.parse(item.text)['paymentTime'] }}</text>
</view> </view>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -91,7 +97,7 @@
JSON.parse(item.text)['goodsName'] JSON.parse(item.text)['goodsName']
}}</text> }}</text>
</view> </view>
<view class="goodsdesc-rice" >¥{{ <view class="goodsdesc-rice" >¥{{
JSON.parse(item.text)['price'] JSON.parse(item.text)['price']
}} }}
</view> </view>
@ -704,16 +710,13 @@ export default {
.orderSn { .orderSn {
width: 350rpx; width: 350rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} }
.groupNameOrTime { .groupNameOrTime {
width: 200rpx;
margin: 15rpx 15rpx; margin: 15rpx 15rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} }
.orderGood { .orderGood {
@ -889,6 +892,10 @@ export default {
font-size: 24rpx; font-size: 24rpx;
color: $main-color; color: $main-color;
font-weight: bold; font-weight: bold;
margin-top: 10rpx;
}
.order-item{
margin: 10rpx 0
} }
</style> </style>