项目架构 (二) 03-全局样式-新建src-styles-index.less文件 后在src-main.js中导入

全局样式

设置全局样式，尤其是导航栏的背景蓝色

第一步：在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;
}