vux如何修改主题配色

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

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>

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

clipboard.png

期待的结果是橙色

clipboard.png

回答:

解决了 我真是蠢如猪啊

就在theme.less对应修改配色

回答:

图片描述

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

回答:

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

回答:

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的路径

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注