Fix(会话):[#3914]消息内容显示错乱
This commit is contained in:
@@ -28,11 +28,14 @@
|
||||
@click.stop="removeRoom(item.room_id)"
|
||||
>
|
||||
<view class="item v12-pa-3">
|
||||
<view class="v12-justify-start flex" @click="goRoom(item)">
|
||||
<image class="cover flex-0" :src="item.store_avatar || webUrl+'/20221114155314348118.png'"/>
|
||||
<view>
|
||||
<view class="v12-justify-start flex item-cont" @click="goRoom(item)">
|
||||
<image
|
||||
:src="item.store_avatar || webUrl+'/20221114155314348118.png'"
|
||||
class="cover flex-0"
|
||||
/>
|
||||
<view class="cont">
|
||||
<view class="flex jc-between ai-center" style="position: relative">
|
||||
<view class="v12-align-center">
|
||||
<view class="v12-align-center name-wrap">
|
||||
<view class="name more-t">{{ item.store_name }}</view>
|
||||
<view v-if="item.is_official" class="guanfang">官方</view>
|
||||
<view v-else class="shangjia">商家</view>
|
||||
@@ -40,8 +43,8 @@
|
||||
<view class="datetime" v-if="item.last_msg">{{ item.last_msg.created_at }}</view>
|
||||
</view>
|
||||
<view class="sub v12-align-center v12-justify-between" v-if="item.last_msg">
|
||||
<view class="one-t" style="width: 90%;">{{ item.last_msg.msg_type===0?item.last_msg.msg_content:'[图片]' }}</view>
|
||||
<view v-if="item.unread_num > 0" class="unread-num v12-primary"> {{ item.unread_num < 99 ? item.unread_num : '99+' }}</view>
|
||||
<view class="one-t" style="width: 80%;">{{ item.last_msg.msg_type=== 0 ? item.last_msg.msg_content : '[图片]' }}</view>
|
||||
<view v-if="item.unread_num > 0" class="unread-num v12-primary">{{ item.unread_num < 99 ? item.unread_num : '99+' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -197,6 +200,13 @@ export default {
|
||||
.item {
|
||||
border-radius: 8rpx;
|
||||
background: #FFFFFF;
|
||||
.item-cont {
|
||||
display: flex;
|
||||
.cont {
|
||||
flex: 1;
|
||||
width: calc(100% - 140rpx);
|
||||
}
|
||||
}
|
||||
|
||||
.cover {
|
||||
width: 120rpx;
|
||||
@@ -205,6 +215,9 @@ export default {
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.name-wrap {
|
||||
width: calc(100% - 240rpx);
|
||||
}
|
||||
.name {
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
@@ -216,14 +229,12 @@ export default {
|
||||
font-size: 22rpx;
|
||||
line-height: 32rpx;
|
||||
color: #999999;
|
||||
width: 240rpx;
|
||||
flex-wrap: nowrap;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sub {
|
||||
width: 548rpx;
|
||||
width: 100%;
|
||||
margin-top: 12rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 34rpx;
|
||||
|
||||
Reference in New Issue
Block a user