主题定制

步骤1：创建主题样式文件

创建样式文件 theme.less，如以下示例配置主题颜色。

/* blue */
body {
    /* 主题颜色 */
    --weui-BRAND: #10aeff;
    /* 主题TAG颜色 */
    --weui-TAG-TEXT-GREEN: #0c98df;
    /* 主题默认按钮颜色 */
    --weui-BTN-DEFAULT-COLOR: #0c98df;
}

步骤2：引入主题样式文件

在 main.js 中引入：

import Vue from 'vue'
import App from './App.vue'
import 'wx-vue/lib/styles/index.css'
import Wx from 'wx-vue'
import './theme.less'

Vue.use(Wx)