全局样式
设置全局样式,尤其是导航栏的背景蓝色
第一步:在src/main.js中导入
import ‘@/styles/index.less’
新建全局样式文件:src/styles/index.less
// -----------------------全局样式-----------------------
//清除内外间距
*{
margin: 0;
padding: 0;
}
//ul 去掉 黑点
ul{
list-style: none;
}
//根容器 变成全局容器
#app{
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 100%;
height: 100%;
font-size: 14px;
}
// -----------------------覆盖vant-----------------------
//覆盖底部导航通栏样式
.van-nav-bar {
background: #3296fa;
.van-nav-bar__title {
color: #fff;
}
.van-nav-bar__text {
color: #fff;
font-size: 12px;
}
.van-icon{
color: #fff;
}
}
//覆盖底部tab栏的样式
.van-tabbar{
background: #fdfdfd;
}
.van-nav-bar__text:active{
background: transparent;
}