1.因为加上scoped所以修改样式属性后,没反应
解决方案
- 通过在样式中加入/deep/
/deep/ .van-tabs { .van-tab { font-size: 0.3rem; color: #c1c4ca; } .van-tab--active { color: #ffb001; font-size: 0.42rem; } .van-tabs__line{ background-color: #ffb001 ; width: 0.2rem; } }
但是加入后项目报错
2. 解决vue项目中使用/deep/报错
方法:降低sass-loader版本
1.卸载当前项目中的sass-loader
npm uninstall sass-loader
2.安装低版本sass-loader
npm install sass-loader@7.0.0
3.安装node-sass
npm install node-sass
安装node-sass是因为安装低版本sass-loader需要引入node-sass依赖来支持,不然会报错