强调色

默认强调色是 #0078d7

由于由单个 CSS 变量 --vnt-accent-color(在 v0.4.0 中引入)控制,所以可以轻松更改所有组件中使用的强调色。

这可以通过多种方式实现

Vuent options

import Vue from 'vue';
import Vuent from 'vuent';

Vue.use(Vuent, {
  accentColor: '#ff0000'
});

$vuent.setAccentColor

在 Vue 实例中安装 Vuent 后,$vuent 对象会在 Vue 实例的范围中注册,从而公开修改 --vnt-accent-color CSS 变量的 setAccentColor 方法。

export default {
  name: 'App',
  template: '...'
  mounted() {
    this.$vuent.setAccentColor('#ff0000');
  }
}

--vnt-accent-color 操作

document.body.style.setProperty('--vnt-accent-color', '#ff0000');