blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-05 19:41:37 +08:00
Code Issues Projects Releases Wiki Activity

优化结构PageHeader、增加logo显示

Browse Source
This commit is contained in:
chenghx 2018-08-07 11:28:55 +08:00
parent 965c36667c
commit 30ef40c9e1
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/page/PageHeader.vue
View File

@ -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;