<template>
    <div class="index">
        <div class="main">
            <router-view/>
        </div>
        <tabbar class="nav"></tabbar>
    </div>
</template>

<script>
    import tabbar from '../components/tabbar';
    export default {
        name: "index",
        components:{
            tabbar,
        }
    }
</script>

<style scoped lang="less">
    @basefont:50;
    .index{
        height:100%;
        .main{
            height:calc(100% - (100rem /@basefont));
        }
        .nav{
            width:100%;
            height:100rem /@basefont;
            position:fixed;
            bottom:0;
        }
    }
</style>