解決 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依賴來支持，不然會報錯