kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
33 lines (32 loc) • 644 B
Markdown
<cn>
#### 颜色模式
可以切换颜色模式,使用 `show-mode` 来展示 颜色模式
</cn>
```vue
<template>
<div class="demo-color-picker">
<Form>
<FormItem label="Default">
<ColorPicker showMode v-model="color1"/>
</FormItem>
<FormItem label="Rgba">
<ColorPicker showMode v-model="color2" mode="rgba"/>
</FormItem>
<FormItem label="Hsla">
<ColorPicker showMode v-model="color3" mode="hsla"/>
</FormItem>
</Form>
</div>
</template>
<script>
export default {
data() {
return {
color1: '#f44336',
color2: '#9c27b0',
color3: '#03a9f4',
};
}
}
</script>
```