kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
33 lines (32 loc) • 672 B
Markdown
<cn>
#### 尺寸大小
`small` 为小尺寸， `large` 为大尺寸
</cn>
```vue
<template>
<div class="demo-color-picker">
<Form>
<FormItem label="large">
<ColorPicker showMode v-model="color1" size="large"/>
</FormItem>
<FormItem label="Default">
<ColorPicker showMode v-model="color2" mode="rgba"/>
</FormItem>
<FormItem label="small">
<ColorPicker showMode v-model="color3" mode="hsla" size="small" />
</FormItem>
</Form>
</div>
</template>
<script>
export default {
data() {
return {
color1: '#f44336',
color2: '#9c27b0',
color3: '#03a9f4',
};
}
}
</script>
```