44 lines
943 B
Vue
44 lines
943 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<div id="progress">
|
||
|
|
<div v-bind:style="{ width: $store.state.progress + '%' }"></div>
|
||
|
|
</div>
|
||
|
|
<site-header></site-header>
|
||
|
|
<sidebar></sidebar>
|
||
|
|
<main>
|
||
|
|
<router-view @css="$emit('update:css')"></router-view>
|
||
|
|
</main>
|
||
|
|
<prompts></prompts>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import Search from '@/components/Search'
|
||
|
|
import Sidebar from '@/components/Sidebar'
|
||
|
|
import Prompts from '@/components/prompts/Prompts'
|
||
|
|
import SiteHeader from '@/components/Header'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'layout',
|
||
|
|
components: {
|
||
|
|
Search,
|
||
|
|
Sidebar,
|
||
|
|
SiteHeader,
|
||
|
|
Prompts
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
'$route': function () {
|
||
|
|
this.$store.commit('resetSelected')
|
||
|
|
this.$store.commit('multiple', false)
|
||
|
|
if (this.$store.state.show !== 'success') this.$store.commit('closeHovers')
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted () {
|
||
|
|
this.$emit('update:css')
|
||
|
|
},
|
||
|
|
beforeDestroy () {
|
||
|
|
this.$emit('clean:css')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|