0.0.1 • Published 7 years ago

vue-colorfule-picker v0.0.1

Weekly downloads
2
License
MIT
Repository
github
Last release
7 years ago

picker

selectColor

SHOW

Alt text

Alt text

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

参数类型说明
colorstring当前颜色值
defaultColorString默认颜色
disabledBoolean禁用状态
widthNumber方块选择器的宽度(px)
heightNumber方块选择器的高度(px)
boxTopNumber选择筐顶部定位(px)
boxLeftNumber选择框左边定位

Events

事件名参数说明
change通过emit的方式向父级元素广播颜色值