功能目标:
改造primeng的colorpicker组件,增加RGB/HSB/HEX三种编辑模式、最近用过的颜色、常用颜色功能,并提供按钮仅在点击【应用】的情况下更新。
改造前后的功能对比如下图所示。#ff0080 为HEX编辑区,RGB/HSB用来切换下方R(H)、G(S)、B三个输入框的label。再下方12个格为最近使用过的颜色,接着是10×12常用颜色,最后是【取消】、应用【按钮】。
改造前 改造后
改造primeng的colorpicker组件,增加RGB/HSB/HEX三种编辑模式、最近用过的颜色、常用颜色功能,并提供按钮仅在点击【应用】的情况下更新。
改造前后的功能对比如下图所示。#ff0080 为HEX编辑区,RGB/HSB用来切换下方R(H)、G(S)、B三个输入框的label。再下方12个格为最近使用过的颜色,接着是10×12常用颜色,最后是【取消】、应用【按钮】。
改造前 改造后