解决 vant开发中 修改样式的解决方案


1.因为加上scoped所以修改样式属性后,没反应

解决方案

  1. 通过在样式中加入/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依赖来支持,不然会报错


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM