强调色
默认强调色是 #0078d7
由于由单个 CSS 变量 --vnt-accent-color
(在 v0.4.0
中引入)控制,所以可以轻松更改所有组件中使用的强调色。
这可以通过多种方式实现
options
Vuent 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');