一、全局變量 主題顏色配置

1.vue項目的src目錄下建立style文件夾，在style文件夾中建立theme.less

theme.png

2.在bulid文件夾中的webpack.base.conf.js中配置，來覆蓋原生樣式

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

3. 編輯style文件夾中的theme.less(你想要修改的插件主題，可以參考官網給出的https://github.com/airyland/vux/blob/v2/src/styles/variable.less)

二、局部變量

在類名后面加 /deep/ 或者 >>> 即可修改。

<style scoped>
.chargeRecordPage /deep/ .weui-media-box {
  padding: 14px;
}
.chargeRecordPage /deep/ .weui-media-box__desc {
  margin: 1px;
}
.chargeRecordPage >>> .weui-media-box__info {
  margin: auto;
}
.chargeRecordPage >>> .weui-media-box__desc {
  font-size: 14px
}
</style>