自定义主题按照官网配置modifyVars样式覆盖成功但刷新后样式重置
z547224313 opened this issue · 1 comments
z547224313 commented
按照官网配置modifyVars,样式可以成功覆盖,但是一刷新页面样式又恢复了
例如 我覆盖了button的颜色 从绿转红, 进入页面是红色的,一刷新又绿了
我把nodemodules下的botton颜色都修改了刷新页面还是失效,请问原因是什么?关闭了页面缓存
z547224313 commented
自己解决了
因为引入vant组件的时候样式引入less文件,不要引入样式
import vant from "vant"
import 'vant/lib/index.less';modifyVars: {
// 直接覆盖变量
'text-color': '#111',
'border-color': '#eee',
// 或者可以通过 less 文件覆盖(文件路径为绝对路径)
hack: `true; @import "${path.join(__dirname,'./examples/src/reset.less')}";`,
},