From 0aaf3cf893d80b571d87c996316b6ec82d0a02d3 Mon Sep 17 00:00:00 2001
From: chenghx <chenghx@nfex.com>
Date: 星期四, 02 八月 2018 15:27:22 +0800
Subject: [PATCH] 优化PageLayout布局、PageHeader增加logo
---
src/components/layout/PageView.vue | 27 +++++++++++++++++++++------
1 files changed, 21 insertions(+), 6 deletions(-)
diff --git a/src/components/layout/PageView.vue b/src/components/layout/PageView.vue
index d817ca2..3a641bb 100644
--- a/src/components/layout/PageView.vue
+++ b/src/components/layout/PageView.vue
@@ -1,5 +1,8 @@
<template>
- <page-layout :desc="desc">
+ <page-layout :desc="desc" :title="title" :linkList="linkList">
+ <div slot="extra" class="extraImg">
+ <img :src="extraImage"/>
+ </div>
<router-view ref="page"/>
</page-layout>
</template>
@@ -13,24 +16,36 @@
data () {
return {
title: '',
- desc: ''
+ desc: '',
+ linkList: [],
+ extraImage: ''
}
},
mounted () {
this.getPageHeaderInfo()
},
- beforeUpdate () {
+ updated () {
this.getPageHeaderInfo()
},
methods: {
getPageHeaderInfo () {
this.title = this.$route.name
- this.desc = this.$refs.page.desc
+ const page = this.$refs.page
+ this.desc = page.desc
+ this.linkList = page.linkList
+ this.extraImage = page.extraImage
}
}
}
</script>
-<style scoped>
-
+<style lang="less" scoped>
+ .extraImg{
+ margin-top: -60px;
+ text-align: center;
+ width: 195px;
+ img{
+ width: 100%;
+ }
+ }
</style>
--
Gitblit v1.9.1