vue实现首页导航面板组件

效果图

 

 

src/pages/home/nav.vue

 

src/pages/home/index.vue

 

src/assets/scss/index.scss

@import 'icons';

*{
    margin:0;
    padding:0;
}
html,body{
    // 必须设置，否则内容滚动效果无法实现
    width:100%;
    height:100%;
}
ul,li{
    list-style:none;
}
a{
    text-decoration: none;
    color:#333;
}