|
|
@@ -391,8 +391,14 @@
|
|
|
<view class="qyList-box-item-box">
|
|
|
<view class="qyList-box-item-info flex justify-between align-center">
|
|
|
<view class="qyList-box-item-info-l">
|
|
|
- <view class="" style="color: #212121;font-size: 38rpx;font-weight: 800;">
|
|
|
+ <view class="online-name" style="color: #212121;font-size: 38rpx;font-weight: 800;">
|
|
|
{{ item.userName }}
|
|
|
+ <view class="online-txt" :style="{ 'background': item.onlineStatus == 'ONLINE' ? 'rgba(29, 209, 104, 0.1)' : '#eee', 'color': item.onlineStatus == 'ONLINE' ? 'rgba(29, 209, 104, 1)' : '#999' }">
|
|
|
+ <view class="dot-icon"
|
|
|
+ :style="{ 'background': item.onlineStatus == 'ONLINE' ? 'rgba(29, 209, 104, 1)' : '#999' }">
|
|
|
+ </view>
|
|
|
+ {{ item.onlineStatus == 'ONLINE' ? '在线' : '离线' }}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="flex align-center flex-wrap"
|
|
|
style="color: #999999;font-size: 26rpx;margin-top: 10rpx;">
|
|
|
@@ -1877,6 +1883,33 @@ export default {
|
|
|
align-items: center;
|
|
|
flex: 1;
|
|
|
}
|
|
|
+.online-name{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 12rpx;
|
|
|
+}
|
|
|
+.online-txt {
|
|
|
+ border-radius: 8rpx;
|
|
|
+ background: rgba(213, 255, 231, 1);
|
|
|
+ color: rgba(29, 209, 104, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 16rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 20rpx;
|
|
|
+ padding: 8rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ gap: 8rpx;
|
|
|
+ border: 1rpx solid #fff;
|
|
|
+ .dot-icon {
|
|
|
+ width: 10rpx;
|
|
|
+ height: 10rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: #00DD9A;
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
.txt-desc-box {
|
|
|
gap: 16rpx;
|