<template>
<div>
<div class="nav-list">
<router-link to='/home' tag='div'>推荐</router-link>
<router-link to='/singers' tag='div'>歌手</router-link>
<router-link to='/list' tag='div'>排行</router-link>
<router-link to='/serach' tag='div'>搜索</router-link>
</div>
<router-view></router-view>
</div>
</template>
<script>
export default {
name: 'TipList',
components: '',
data() {
return {
};
},
created() {
},
mounted() {
},
methods: {
}
};
</script>
<style scoped lang="scss">
@import '../assets/css/mixin.scss';
.nav-list{
width: 100%;
height: 100px;
display: flex;
justify-content: space-around;
align-items: center;
font-size: 30px;
@include bgsubColor();
@include fontColor();
}
.myActive{
@include fontActiveColor();
border-bottom:3px solid ;
@include borderColor();
}
</style>
|
