|
|
@@ -14,11 +14,17 @@
|
|
|
<img :src="item.avatarUrl" class="tui-msg-pic" mode="widthFix" />
|
|
|
<div class="tui-msg-item">
|
|
|
<div class="tui-msg-name">
|
|
|
- <div>{{item.userName}}</div>
|
|
|
- <appVipModule v-if="item.isMember" class="level-img" :text="`VIP ${item.userAsset.memberLevel || ''}`" />
|
|
|
- <div v-else class="normal-img">
|
|
|
- <div class="vip-text">普通用户</div>
|
|
|
- </div>
|
|
|
+ <div class="user-name">{{item.userName}}</div>
|
|
|
+ <!-- `${constant.imgUrl}/retail/interest/vip.png` -->
|
|
|
+ <!-- item.isMember -->
|
|
|
+ <appVipModule
|
|
|
+ :vipImg="`${constant.imgUrl}/retail/interest/vip.png`"
|
|
|
+ v-if="item.member >= 0"
|
|
|
+ class="level-img"
|
|
|
+ :text="`VIP ${item.member || ''}`" />
|
|
|
+ <div v-else class="normal-img">
|
|
|
+ <div class="vip-text">普通用户</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="tui-msg-content">
|
|
|
<div class="icon-wrap">
|
|
|
@@ -62,6 +68,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
tabIndex: 0,
|
|
|
+ constant: this.$constant,
|
|
|
tabs: [
|
|
|
{
|
|
|
name: '全部',
|
|
|
@@ -210,6 +217,12 @@ export default {
|
|
|
font-size: 30upx;
|
|
|
line-height: 1;
|
|
|
color: #262b3a;
|
|
|
+ & .user-name {
|
|
|
+ max-width: 260px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.tui-msg-content {
|