菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 梁洁---20221230--vue项目第二天 [打印本页]

作者: 梁杰，你好 时间: 2023-1-4 00:02
标题: 梁洁---20221230--vue项目第二天
<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>

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)