|
|
@@ -86,7 +86,8 @@
|
|
|
@longpress="confirmDelete(item)">
|
|
|
<view class="avatar-wrapper">
|
|
|
<image :src="item.avatar || '/static/logo.png'" mode="aspectFill" class="avatar"></image>
|
|
|
- <view class="online-dot" v-if="item.onlineStatus == 'ONLINE'"></view>
|
|
|
+ <view class="dot online-dot" v-if="item.onlineStatus == 'ONLINE'"></view>
|
|
|
+ <view class="dot offline-dot" v-else></view>
|
|
|
</view>
|
|
|
<view class="chat-info-wrapper flex justify-between">
|
|
|
<view class="chat-info-wrapper-l">
|
|
|
@@ -1049,16 +1050,21 @@
|
|
|
border: 1px solid #eee;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
- .online-dot {
|
|
|
+ .dot {
|
|
|
position: absolute;
|
|
|
right: 8rpx;
|
|
|
bottom: 0;
|
|
|
width: 16rpx;
|
|
|
height: 16rpx;
|
|
|
border: 1px solid rgba(255, 255, 255, 1);
|
|
|
- background: rgba(0, 180, 42, 1);
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
+ .online-dot {
|
|
|
+ background: rgba(0, 180, 42, 1);
|
|
|
+ }
|
|
|
+ .offline-dot {
|
|
|
+ background: rgb(153, 153, 153);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.chat-info-wrapper {
|