vux如何修改主题配色

Question

按照官网的教程修改,结果并不理想.请教如何能修改主题色

webpack.base.conf.js

module.exports = vuxLoader.merge(webpackConfig, {
  plugins: [
    {
      name: 'vux-ui'
    },
    {
      name: 'duplicate-style'
    },
    {
      name: 'less-theme',
      path: 'src/theme.less'
    }
  ]
})

theme.less

@button-primary-bg-color: #FC4A26;

login.vue

<x-button type="primary" @click.native="submit">提交</x-button>

结果 按钮样式还是自带的绿色

期待的结果是橙色

Answer 1

解决了 我真是蠢如猪啊

就在theme.less对应修改配色

Answer 2

然后 theme.less 里面直接复制官网上的 @tabbar-text-active-color: red;
后面的颜色随意改动啊，
然后最重要的修改后要重启项目！！！！！！坑了我30分钟

Answer 3

我也修改了相同的位置，但是没有生效，能请教一下怎么搞定的吗

Answer 4

module.exports = vuxLoader.merge(webpackConfig, {
    options: {},
    plugins: [
        {name: 'vux-ui'},
        {name: 'progress-bar'},
        {name: 'duplicate-style'},
        {
            name: 'less-theme',
            path: 'src/theme.less'
        }
    ]
})

为什么我这么配置会报错，显示的路径是当前项目路径而不是node-modules的路径

Answer 5

我改了怎么没有起作用啊？这个less是自己写的那个路径吗？