0.0.1 • Published 7 years ago
vue-colorfule-picker v0.0.1
picker
selectColor
SHOW
Installation
npm install --save vue-colorfule-picker
Import
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的方式向父级元素广播颜色值 |