From 00f69509c3d2bbbb93b79d6f644d4e06f2fcf53e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BE=E5=87=A0=E6=B5=B7?= <zh56462271@qq.com>
Date: Mon, 18 May 2020 17:04:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/view/admin/admin.component.html | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/app/view/admin/admin.component.html b/src/app/view/admin/admin.component.html
index 5b09ca1..8e02ed4 100644
--- a/src/app/view/admin/admin.component.html
+++ b/src/app/view/admin/admin.component.html
@@ -92,36 +92,34 @@
            [nzTitle]="sayHelloTemp" (nzOnClose)="infoDrawerVisible = false">
     <p>您最近一次登录是在:</p>
     <p>{{user.recentlyLandedDate}}</p>
-    <br><br>
+    <nz-divider></nz-divider>
     <nz-descriptions [nzColumn]="1">
         <nz-descriptions-item nzTitle="邮箱">
-            <!--      抽屉的宽度是256px      -->
-            <div style="width: 256px">
+            <div>
                 <i nz-icon nzType="mail" class="icon" nzTheme="twotone"></i>
                 <span>{{user.email}}</span>
                 <i nz-icon nzType="edit" class="edit-icon" nzTheme="twotone" (click)="showEditInfoModal()"></i>
             </div>
         </nz-descriptions-item>
         <nz-descriptions-item nzTitle="昵称">
-            <div style="width: 256px">
+            <div>
                 <i nz-icon nzType="crown" class="icon" nzTheme="twotone"></i>
                 <span>{{user.displayName}}</span>
                 <i nz-icon nzType="edit" class="edit-icon" nzTheme="twotone" (click)="showEditInfoModal()"></i>
             </div>
         </nz-descriptions-item>
         <nz-descriptions-item nzTitle="描述" *ngIf="user.desc">
-            <div style="width: 256px">
-                <i nz-icon nzType="info-circle" class="icon" nzTheme="twotone"></i>
-                <span>{{user.desc}}</span>
-                <i nz-icon nzType="edit" class="edit-icon" nzTheme="twotone" (click)="showEditInfoModal()"></i>
-            </div>
+            <i nz-icon nzType="info-circle" class="icon" nzTheme="twotone"></i>
+            <span nz-tooltip [nzTooltipTitle]="user.desc" nzTooltipPlacement="left" nz-typography [nzEllipsis]="true" [nzContent]="user.desc" style="max-width: 100px">{{user.desc}}</span>
+            <i nz-icon nzType="edit" class="edit-icon" nzTheme="twotone" (click)="showEditInfoModal()"></i>
         </nz-descriptions-item>
     </nz-descriptions>
 
+    <nz-divider></nz-divider>
 
-    <div nz-row style="text-align: center">
-        <a (click)="logout()" style="width: 100%">注销</a>
-    </div>
+    <!--    <div >-->
+    <button nz-button nzDanger nzBlock nzType="primary" (click)="logout()">注销</button>
+    <!--    </div>-->
     <!--  TODO: 展示更多信息  -->
 </nz-drawer>