|
|
|
@ -14,7 +14,10 @@ |
|
|
|
<text class="lf-text-vertical lf-m-l-20 lf-font-28 lf-color-black">{{ item.name }}</text> |
|
|
|
</view> |
|
|
|
<view class="lf-flex"> |
|
|
|
<view class="message-tag" v-if="index == 1">1</view> |
|
|
|
<view v-if="item.unread"> |
|
|
|
<view class="message-tag" v-if="item.unread < 99">{{item.unread}}</view> |
|
|
|
<view class="message-tag" v-else>99+</view> |
|
|
|
</view> |
|
|
|
<u-icon name="arrow-right"></u-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -80,13 +83,13 @@ |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped="scoped"> |
|
|
|
.message-tag { |
|
|
|
width: 36rpx; |
|
|
|
height: 36rpx; |
|
|
|
width: 60rpx; |
|
|
|
height: 60rpx; |
|
|
|
background-color: red; |
|
|
|
border-radius: 50%; |
|
|
|
margin-right: 10rpx; |
|
|
|
text-align: center; |
|
|
|
align-content: center; |
|
|
|
align-items: center; |
|
|
|
color: white; |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
|
