0.0.1 • Published 9 years ago
vue-colorfule-picker v0.0.1
picker
selectColor
SHOW


Installation
npm install --save vue-colorfule-pickerImport
Import for global
import Vue from 'vue'
import colorPicker from 'vue-colorfule-picker'
Vue.use(colorPicker)Import for local
import colorPicker from 'vue-colorfule-picker'
export default {
components: {
colorPicker,
}
};CASE
<color-picker v-if="display" :color="color" @change="changeColor" :defaultColor='color' :width="62" :height="18" :boxTop="18" :boxLeft="-100"></color-picker>API
props
| 参数 | 类型 | 说明 |
|---|---|---|
| color | string | 当前颜色值 |
| defaultColor | String | 默认颜色 |
| disabled | Boolean | 禁用状态 |
| width | Number | 方块选择器的宽度(px) |
| height | Number | 方块选择器的高度(px) |
| boxTop | Number | 选择筐顶部定位(px) |
| boxLeft | Number | 选择框左边定位 |
Events
| 事件名 | 参数 | 说明 |
|---|---|---|
| change | 通过emit的方式向父级元素广播颜色值 |