You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.3 KiB
58 lines
1.3 KiB
<template> |
|
<page-layout :desc="desc" :linkList="linkList"> |
|
<div v-if="this.extraImage && !isMobile" slot="extra" class="extraImg"> |
|
<img :src="extraImage"/> |
|
</div> |
|
<page-toggle-transition :disabled="animate.disabled" :animate="animate.name" :direction="animate.direction"> |
|
<keep-alive v-if="multiPage"> |
|
<router-view ref="page" /> |
|
</keep-alive> |
|
<router-view ref="page" v-else /> |
|
</page-toggle-transition> |
|
</page-layout> |
|
</template> |
|
|
|
<script> |
|
import PageLayout from './PageLayout' |
|
import PageToggleTransition from '../components/transition/PageToggleTransition'; |
|
import {mapState} from 'vuex' |
|
|
|
export default { |
|
name: 'PageView', |
|
components: {PageToggleTransition, PageLayout}, |
|
data () { |
|
return { |
|
page: {} |
|
} |
|
}, |
|
computed: { |
|
...mapState('setting', ['isMobile', 'multiPage', 'animate', 'routesI18n']), |
|
desc() { |
|
return this.page.desc |
|
}, |
|
linkList() { |
|
return this.page.linkList |
|
}, |
|
extraImage() { |
|
return this.page.extraImage |
|
} |
|
}, |
|
mounted () { |
|
this.page = this.$refs.page |
|
}, |
|
updated () { |
|
this.page = this.$refs.page |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="less" scoped> |
|
.extraImg{ |
|
margin-top: -60px; |
|
text-align: center; |
|
width: 195px; |
|
img{ |
|
width: 100%; |
|
} |
|
} |
|
</style>
|
|
|