vue.js - 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>

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

期待的结果是橙色

解决方案

解决了 我真是蠢如猪啊

就在theme.less对应修改配色

这篇关于vue.js - vux如何修改主题配色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！