0.1.20 • Published 2 years ago
引入文件
<colorPicker :isRound="true" :isColor="true" :location="1" :customLocation="{top:'0px',left:'0px'}" @chooseColor="chooseColor" />
<script>
import colorPicker from 'color-picker-v2'
import 'color-picker-v2/color-picker/color-picker.css'
Vue.use(colorPicker)
</script>
参数
| 参数 | 说明 | 类型 | 默认值 |
|---|
| isRound | 是否圆点 | boolean | true |
| isColor | 是否直接显示颜色选择器 | boolean | true |
| location | 颜色选择器位于圆点位置(1:左下，依次顺势针) | number | 1 |
| customLocation | 自定义颜色选择器的位置,权重比 location 高 | object | {top:'0px',left:'0px'} |
事件
| 事件 | 说明 | 类型 |
|---|
| chooseColor | 点击颜色回调 | Function |
版本更新日志
版本 v0.1.20
1. 调整精确度
2. 增加滑动效果
3. 增加复制功能
版本 v0.1.17
1. 增加 isRound ，isColor ，location ，customLocation ，chooseColor
版本 v0.1.15
1. 最基础版本:白，灰，银，黑四纯色，暂时不能在色板中显示