<template>
    <div class="w100 mainBox fs34"  ref="nav">
        <div class="middle w100 box">
            <router-link class="col-xs-4 borderR borderB" v-for="(route,index) in routes" :key="index"  v-if="route.name"
             :to="route.path">{{route.name}}</router-link>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                scroll:null
            }
        },
        computed: {
            routes() {
                return this.$router.options.routes
            }
        },
        mounted() {

        },
        methods: {
        }
    }
</script>

<style lang="less" scoped>
    @import url("../../assets/config.less");

    .top-tip{
        transition: all .5s;
        position: fixed;
        top: -40px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #555;
        &.active{
            top: 0px;
        }
    }
    a {
        display: block;
        text-align: center;
        .lh(70);
    }
</style>
