color-picker 颜色选择器（齐思博）

基础用法

当labelName不传或为空时，内容左对齐，否则右对齐

基础用法

<template>
  <div>
    <h-color-picker v-model="colorValue" :placeholder="placeholder" width="200px"></h-color-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
    	colorValue: '',
			placeholder: '请输入颜色'
    }
  }
}
</script>

显示代码

Attributes（支持elementUI: color-picker所有配置）

参数	说明	类型	可选值	默认值
value / v-model	选中项绑定值	—	—	—
disabled	是否禁用	boolean	—	false
labelName	选择框关联的label文字	string	—	—
width	选择框宽度	string	—	100%
predefineColors	预定义颜色	array	—	见下方默认值
predefineColors默认值	['#ff4500','#ff8c00','#ffd700','#90ee90','#00ced1','#1e90ff','#c71585','#FF0000']
placeholder	占位符	string	—	—

Events

方法名	说明	参数
input	当绑定值变化时触发	当前值
change	当绑定值变化时触发	当前值