<template>
    <div class="main">
        <v-head></v-head>
        <div class="layout">
            <navbar></navbar>
            <div class="content">
                <transition name="move" mode="out-in">
                    <router-view class="view"></router-view>
                </transition>
                <el-backtop target=".content"></el-backtop>
            </div>
            <v-footer ref="footer"></v-footer>
        </div>
    </div>
</template>

<script>
import vHead from '../header'
import navbar from '../navbar'
import vFooter from '../footer'
import Setting from '@/setting'
export default {
    data() {
        return {
            
        };
    },
    components: {
        vHead,
        navbar,
        vFooter
    },
    created() {
        
    }
};
</script>
<style lang="scss" scoped>
    .main{
        min-height: 100%;
        .content{
            min-height: calc(100vh - 176px);
            padding: 24px 24px 0;
        }
    }
</style>