From 30ef40c9e1e51fd6f0a3ea0cfa6b4b34561cba6d Mon Sep 17 00:00:00 2001
From: chenghx <chenghx@nfex.com>
Date: Tue, 7 Aug 2018 11:28:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=BB=93=E6=9E=84PageHeader?=
 =?UTF-8?q?=E3=80=81=E5=A2=9E=E5=8A=A0logo=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/PageHeader.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/page/PageHeader.vue b/src/components/page/PageHeader.vue
index c072980..0e0be6c 100644
--- a/src/components/page/PageHeader.vue
+++ b/src/components/page/PageHeader.vue
@@ -7,9 +7,10 @@
       </a-breadcrumb>
     </div>
     <div class="detail">
-      <div v-if="logo" class="logo"><a-avatar :src="logo" /></div>
+      <div v-if="avatar" class="avatar"><a-avatar :src="avatar" /></div>
       <div class="main">
         <div class="row">
+          <img v-if="logo" :src="logo" class="logo" />
           <h1 v-if="title" class="title">{{title}}</h1>
           <div class="action"><slot name="action"></slot></div>
         </div>
@@ -43,6 +44,10 @@ export default {
     logo: {
       type: String,
       required: false
+    },
+    avatar: {
+      type: String,
+      required: false
     }
   }
 }
@@ -62,7 +67,7 @@ export default {
         display: flex;
         width: 100%;
       }
-      .logo {
+      .avatar {
         flex: 0 1 72px;
         margin-bottom: 8px;
         & > span {
@@ -82,6 +87,12 @@ export default {
           color: rgba(0,0,0,.85);
           margin-bottom: 16px;
         }
+        .logo{
+          width: 28px;
+          height: 28px;
+          border-radius: 4px;
+          margin-right: 16px;
+        }
         .content{
           margin-bottom: 16px;
           flex: auto;