liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Task：消息页改版

Browse Source
This commit is contained in:
modendeveloper
2025-01-22 00:00:06 +08:00
parent e53d0e4f4d
commit 5177f5881a
1 changed files with 43 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pkg_common/views/roomLogs.vue
+43 -5
View File
@@ -16,14 +16,21 @@
@click.stop="removeRoom(item.room_id)"
>
<view class="item v12-pa-3">
<view class="v12-justify-between flex" @click="goRoom(item)">
<view class="v12-justify-start flex" @click="goRoom(item)">
<image class="cover flex-0" :src="item.store_avatar || webUrl+'/20221114155314348118.png'"/>
<view>
<view class="flex jc-between ai-center">
<view class="name more-t">{{ item.store_name }}</view>
<view class="flex jc-between ai-center" style="position: relative">
<view class="v12-align-center">
<view class="name more-t">{{ item.store_name }}</view>
<view v-if="item.is_official" class="guanfang">官方</view>
<view v-else class="shangjia">商家</view>
</view>
<view class="datetime" v-if="item.last_msg">{{ item.last_msg.created_at }}</view>
</view>
<view class="sub one-t" v-if="item.last_msg">{{ item.last_msg.msg_type===0?item.last_msg.msg_content:'[图片]' }}</view>
<view class="sub v12-align-center v12-justify-between" v-if="item.last_msg">
<view class="one-t">{{ 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>
</view>
@@ -103,6 +110,37 @@ export default {
}
</style>
<style scoped lang="less">
.unread-num{
color: #FFFFFF;
height: 38rpx;
width: 38rpx;
border-radius: 50%;
line-height: 38rpx;
text-align: center;
font-size: 20rpx;
}
.guanfang{
color: #ee6f6e;
background: #fad7d7;
width: fit-content;
font-size: 16rpx;
padding: 0 4rpx;
border-radius: 4rpx;
z-index: 9;
top: 0;
white-space: nowrap;
}
.shangjia{
color: #5791fe;
background: #dce9ff;
width: fit-content;
font-size: 16rpx;
padding: 0 4rpx;
border-radius: 4rpx;
z-index: 9;
top: 0;
white-space: nowrap;
}
.common-roomLogs {
min-height: 100vh;
box-sizing: border-box;
@@ -117,7 +155,7 @@ export default {
width: 80rpx;
height: 80rpx;
margin-right: 18rpx;
border-radius: 50%;
border-radius: 16rpx;
}
.name {