近段时间在写一个海报生成组件,开发过程中字体颜色需要使用一个颜色选择器,找遍了全网也没有找到一个合适的插件,别人写好的vue的颜色选择器少之又少,仅有的几个也不美观不灵活,element-ui的颜色选择器是我比较喜欢的一款,但又不想因为这一个组件而去引入整个element-ui依赖库,所以决定自己仿照element-ui做一个一样的插件。
插件地址:https://gitee.com/chenfency/el-color-picker
效果图:
插件安装:
npm i el-color-picker --save
插件使用:
<template>
<div>
<el-color-picker v-model="color"></el-color-picker>
</div>
</template>
<script>
import elColorPicker from 'el-color-picker'
export default {
components:{elColorPicker},
data() {
return {
color: "#e0e0e0"
}
}
}</script>