52 lines
841 B
Vue
Executable File
52 lines
841 B
Vue
Executable File
<template lang="jade">
|
|
#app
|
|
v-navbar(v-if="this.hiddenNavbar")
|
|
div(:class="{content : this.isContent}")
|
|
router-view
|
|
v-tabbar(v-if="this.hiddenTabbar")
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters } from "vuex";
|
|
|
|
import headComponents from './components/tpl/head'
|
|
import footerComponents from './components/tpl/footer'
|
|
|
|
export default {
|
|
name: 'App',
|
|
created() {
|
|
|
|
},
|
|
data () {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
},
|
|
components: {
|
|
'v-navbar': headComponents,
|
|
'v-tabbar': footerComponents
|
|
},
|
|
computed: {
|
|
...mapGetters({
|
|
hiddenNavbar: 'HiddenNavbar',
|
|
hiddenTabbar: 'HiddenTabbar',
|
|
isContent: 'iscontent',
|
|
onscroll: 'onscroll'
|
|
})
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="less">
|
|
@import './assets/less/_main';
|
|
.content {
|
|
padding: 1rem 0 0.8rem 0;
|
|
}
|
|
body {
|
|
background: #f4f4f4;
|
|
}
|
|
</style>
|