|
@@ -3,14 +3,14 @@
|
|
|
<!-- 顶部导航栏 -->
|
|
<!-- 顶部导航栏 -->
|
|
|
<view class="nav-header">
|
|
<view class="nav-header">
|
|
|
<view class="nav-left" @click="goSearch">
|
|
<view class="nav-left" @click="goSearch">
|
|
|
- <u-icon name="search" color="rgba(56, 58, 63, 1)" size="32"></u-icon>
|
|
|
|
|
|
|
+ <u-icon name="search" color="rgba(56, 58, 63, 1)" size="40"></u-icon>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="nav-center">
|
|
<view class="nav-center">
|
|
|
<text class="nav-title">消息</text>
|
|
<text class="nav-title">消息</text>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="nav-right">
|
|
<view class="nav-right">
|
|
|
- <u-icon name="bell" color="rgba(56, 58, 63, 1)" size="32" style="margin-right: 20rpx;"></u-icon>
|
|
|
|
|
- <u-icon name="setting" color="rgba(56, 58, 63, 1)" size="32" @click="showSettingsModal"></u-icon>
|
|
|
|
|
|
|
+ <u-icon name="bell" color="rgba(56, 58, 63, 1)" size="40" style="margin-right: 20rpx;"></u-icon>
|
|
|
|
|
+ <u-icon name="setting" color="rgba(56, 58, 63, 1)" size="40" @click="showSettingsModal"></u-icon>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
@@ -66,17 +66,19 @@
|
|
|
<u-image shape="circle" width='80rpx' height="80rpx" :src="item.avatar"></u-image>
|
|
<u-image shape="circle" width='80rpx' height="80rpx" :src="item.avatar"></u-image>
|
|
|
<!-- <view class="online-dot"></view> -->
|
|
<!-- <view class="online-dot"></view> -->
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="flex-sub margin-left-sm">
|
|
|
|
|
|
|
+ <view class="flex-sub margin-left-sm" style="overflow: hidden;">
|
|
|
<view class="flex justify-between align-center">
|
|
<view class="flex justify-between align-center">
|
|
|
- <view class="text-white flex align-center userNameleng">
|
|
|
|
|
- <view class="text-white" style="font-size: 28rpx;">
|
|
|
|
|
|
|
+ <view class="text-white flex align-center" style="flex: 1;overflow: hidden;">
|
|
|
|
|
+ <view class="text-white" style="font-size: 30rpx;">
|
|
|
{{item.userName}}
|
|
{{item.userName}}
|
|
|
</view>
|
|
</view>
|
|
|
- <text class="text-grey"
|
|
|
|
|
- style="font-size: 22rpx;margin-left: 10rpx;"><text v-if="item.companyName">{{item.companyName}} |</text> {{item.stationName}}
|
|
|
|
|
|
|
+ <text class="text-grey userNameleng" style="font-size: 26rpx;margin-left: 10rpx;">
|
|
|
|
|
+ <text v-if="item.companyName">{{item.companyName}} |</text>
|
|
|
|
|
+ {{item.stationName}}{{item.stationName}}{{item.stationName}}
|
|
|
</text>
|
|
</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="text-grey">{{item.messageTime?getMonthOrDay(item.messageTime):''}}</view>
|
|
|
|
|
|
|
+ <view class="text-grey" style="flex-shrink: 0;margin-left: 10rpx;">
|
|
|
|
|
+ {{item.messageTime?getMonthOrDay(item.messageTime):''}}</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="flex justify-between" style="margin-top: 10rpx;">
|
|
<view class="flex justify-between" style="margin-top: 10rpx;">
|
|
|
<view class="text-grey" v-if="item.messageType == 1||item.messageType == 10">{{item.content}}</view>
|
|
<view class="text-grey" v-if="item.messageType == 1||item.messageType == 10">{{item.content}}</view>
|
|
@@ -592,7 +594,8 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.userNameleng {
|
|
.userNameleng {
|
|
|
- width: 80%;
|
|
|
|
|
|
|
+ // width: 80%;
|
|
|
|
|
+ flex: 1;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|