在vue项目中,使用mint-ui组件,想要覆盖掉mint-ui的样式,可以单独建一个scss文件,也可以在各组件用到的地方覆盖掉,(且不说样式的权重,就是想找找茬),开发环境,完美覆盖,build打包后,查看没有覆盖,发现mint-ui的样式顺序在后面,自己写的在前面,所以没盖掉;

试了各种,发现在main.js,mint-ui,的引用顺序,
//这是原先的,顺序在router之后,不能覆盖掉样式,
vue使用mint-ui中的问题,打包上线之后mint-ui样式没有覆盖,顺序问题
//把mint-ui 在router之前引入可以解决,build之后,各组件的样式会盖掉mint-ui
vue使用mint-ui中的问题,打包上线之后mint-ui样式没有覆盖,顺序问题

vue使用mint-ui中的问题,打包上线之后mint-ui样式没有覆盖,顺序问题

相关文章:

  • 2022-12-23
  • 2021-06-15
  • 2022-12-23
  • 2021-12-26
  • 2023-03-30
  • 2022-12-23
猜你喜欢
  • 2021-04-04
  • 2021-04-16
  • 2021-11-12
  • 2021-06-14
  • 2022-12-23
  • 2021-09-04
  • 2021-10-29
相关资源
相似解决方案