vant-ui/vant-demo

自定义主题按照官网配置modifyVars样式覆盖成功但刷新后样式重置

z547224313 opened this issue · 1 comments

按照官网配置modifyVars,样式可以成功覆盖,但是一刷新页面样式又恢复了
例如 我覆盖了button的颜色 从绿转红, 进入页面是红色的,一刷新又绿了
我把nodemodules下的botton颜色都修改了刷新页面还是失效,请问原因是什么?关闭了页面缓存

自己解决了
因为引入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')}";`,
        },