vue修改mint-ui默认样式

vue修改mint-ui默认样式

• 用mint-ui使用switch开关时。与主题颜色不匹配

  

  解决办法：

  这里预编译css用的stylus

  新建一个mint-ui.styl

  $color-theme = #D91D35
  
  .mint-switch-input:checked + .mint-switch-core
  
    border-color $color-theme
  
    background-color $color-theme

   

  .mint-switch-input:checked + .mint-switch-core  指定的css（用chrome定位查看css）

  然后在mian.js中引入即可

  import "./common/stylus/mint-ui.styl"

   

  效果实现