From e3583df26091894c6c4faef6de8ef205963eae64 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Wed, 13 Apr 2022 13:55:23 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E7=BE=A4=E8=81=8A=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E5=8F=91=E4=BB=B6=E4=BA=BA=E6=98=B5=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/pages/manage/components/DialogView.vue | 6 +++++-
 resources/assets/sass/pages/components/dialog-wrapper.scss | 7 ++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogView.vue b/resources/assets/js/pages/manage/components/DialogView.vue
index 463f1cb4d..9fcd43c7d 100644
--- a/resources/assets/js/pages/manage/components/DialogView.vue
+++ b/resources/assets/js/pages/manage/components/DialogView.vue
@@ -1,5 +1,9 @@
 <template>
     <div :class="`dialog-view ${msgData.type}`" :data-id="msgData.id">
+        <!--昵称-->
+        <div v-if="dialogType === 'group'" class="dialog-username">
+            <UserAvatar :userid="msgData.userid" :show-icon="false" :show-name="true" :tooltip-disabled="true"/>
+        </div>
 
         <div class="dialog-head">
             <!--详情-->
@@ -45,7 +49,7 @@
         <div v-if="msgData.created_at" class="dialog-foot">
             <div class="time" :title="msgData.created_at">{{$A.formatTime(msgData.created_at)}}</div>
             <EPopover
-                v-if="msgData.send > 1 || dialogType == 'group'"
+                v-if="msgData.send > 1 || dialogType === 'group'"
                 v-model="popperShow"
                 ref="percent"
                 class="percent"
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 8a13dcafb..9836dc9ad 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -164,7 +164,7 @@
                 > li {
                     display: flex;
                     flex-direction: row;
-                    align-items: flex-end;
+                    align-items: flex-start;
                     list-style: none;
                     margin-bottom: 16px;
 
@@ -199,6 +199,11 @@
                             }
                         }
 
+                        .dialog-username {
+                            margin-bottom: 6px;
+                            opacity: 0.8;
+                        }
+
                         .dialog-head {
                             display: flex;
                             align-items: flex-start;