Browse Source

强化昵称、弱化用户名

master
xsx 1 year ago
parent
commit
a6b0dbb24f
  1. 6
      im-uniapp/pages/common/user-info.vue
  2. 10
      im-uniapp/pages/friend/friend-add.vue
  3. 4
      im-web/src/components/common/UserInfo.vue
  4. 12
      im-web/src/components/friend/AddFriend.vue

6
im-uniapp/pages/common/user-info.vue

@ -9,17 +9,17 @@
<view class="info-item"> <view class="info-item">
<view class="info-primary"> <view class="info-primary">
<text class="info-username"> <text class="info-username">
{{ userInfo.userName }} {{ userInfo.nickName }}
</text> </text>
<text v-show="userInfo.sex == 0" class="iconfont icon-man" color="darkblue"></text> <text v-show="userInfo.sex == 0" class="iconfont icon-man" color="darkblue"></text>
<text v-show="userInfo.sex == 1" class="iconfont icon-girl" color="darkred"></text> <text v-show="userInfo.sex == 1" class="iconfont icon-girl" color="darkred"></text>
</view> </view>
<view class="info-text"> <view class="info-text">
<text class="label-text"> <text class="label-text">
昵称: 用户名:
</text> </text>
<text class="content-text"> <text class="content-text">
{{ userInfo.nickName }} {{ userInfo.userName }}
</text> </text>
</view> </view>
<view class="info-text"> <view class="info-text">

10
im-uniapp/pages/friend/friend-add.vue

@ -14,11 +14,11 @@
<head-image :id="user.id" :name="user.nickName" :online="user.online" <head-image :id="user.id" :name="user.nickName" :online="user.online"
:url="user.headImage"></head-image> :url="user.headImage"></head-image>
<view class="user-info"> <view class="user-info">
<view class="user-name"> <view class="nick-name">
<view>{{ user.userName }}</view> <view>{{ user.nickName }}</view>
<uni-tag v-if="user.status == 1" circle type="error" text="已注销" size="small"></uni-tag> <uni-tag v-if="user.status == 1" circle type="error" text="已注销" size="small"></uni-tag>
</view> </view>
<view class="nick-name">{{ `昵称:${user.nickName}`}}</view> <view class="user-name">用户名:{{ `${user.userName}`}}</view>
</view> </view>
<view class="user-btns"> <view class="user-btns">
<button type="primary" v-show="!isFriend(user.id)" size="mini" <button type="primary" v-show="!isFriend(user.id)" size="mini"
@ -113,7 +113,7 @@ export default {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
.user-name { .nick-name {
display: flex; display: flex;
flex: 1; flex: 1;
font-size: $im-font-size-large; font-size: $im-font-size-large;
@ -128,7 +128,7 @@ export default {
} }
} }
.nick-name { .user-name {
display: flex; display: flex;
font-size: $im-font-size-smaller; font-size: $im-font-size-smaller;
color: $im-text-color-lighter; color: $im-text-color-lighter;

4
im-web/src/components/common/UserInfo.vue

@ -7,8 +7,8 @@
radius="10%" @click.native="showFullImage()"> </head-image> radius="10%" @click.native="showFullImage()"> </head-image>
</div> </div>
<div> <div>
<el-descriptions :column="1" :title="user.userName" class="user-info-items"> <el-descriptions :column="1" :title="user.nickName" class="user-info-items">
<el-descriptions-item label="昵称">{{ user.nickName }} <el-descriptions-item label="用户名">{{ user.userName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="签名">{{ user.signature }} <el-descriptions-item label="签名">{{ user.signature }}
</el-descriptions-item> </el-descriptions-item>

12
im-web/src/components/friend/AddFriend.vue

@ -12,13 +12,13 @@
<head-image :name="user.nickName" :url="user.headImage" :online="user.online"></head-image> <head-image :name="user.nickName" :url="user.headImage" :online="user.online"></head-image>
</div> </div>
<div class="add-friend-text"> <div class="add-friend-text">
<div class="text-user-name"> <div class="nick-name">
<div>{{ user.userName }}</div> <div>{{ user.nickName }}</div>
<div :class="user.online ? 'online-status online' : 'online-status'">{{ <div :class="user.online ? 'online-status online' : 'online-status'">{{
user.online ? "[在线]" :"[离线]"}}</div> user.online ? "[在线]" :"[离线]"}}</div>
</div> </div>
<div class="text-nick-name"> <div class="user-name">
<div>昵称:{{ user.nickName }}</div> <div>用户名:{{ user.userName }}</div>
</div> </div>
</div> </div>
<el-button type="success" size="mini" v-show="!isFriend(user.id)" <el-button type="success" size="mini" v-show="!isFriend(user.id)"
@ -111,7 +111,7 @@ export default {
flex-shrink: 0; flex-shrink: 0;
overflow: hidden; overflow: hidden;
.text-user-name { .nick-name {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-weight: 600; font-weight: 600;
@ -128,7 +128,7 @@ export default {
} }
} }
.text-nick-name { .user-name {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-size: 12px; font-size: 12px;

Loading…
Cancel
Save