加载中…关于element-ui颜色选择器color-picker扩展
(2020-04-01 14:29:40)
最近因为产品需要，要用到颜色选择器，因为前端使用的是element-ui+vue架构，所以首选element-ui的颜色选择器组件，受限于微信卡券的背景颜色目前只有14种选择，所以需要对颜色选择器进行改造。
< el-color-picker
v-model="color"
color-format="hex"
onlyPredefine
:predefine="predefineColors">
4、将自定义包上传至私服，以便统一管理。
初步思路：鉴于选择器有预定义颜色的功能，所以只需要在使用预定义颜色时让颜色选择面板不能随便点击取色即可。
具体步骤：
2、找到color-picker源码，在packages/color-picker, 源码结构如下：
3、主要的修改部分：
根据需求若颜色选择限定在固定范围只需按以下操作就可以实现了
5、也可以通过直接拷贝elementui
组件代码到自己的项目中进行修改，然后引用自定义的名字，这个在少量改动的情况下可以使用，如果大量改动的话可能会导致团队学习成本增加。如下图：
喜欢
0
赠金笔
前一篇：MySQL常见面试题
后一篇：从零开始学架构-1概念基础