功能目標:
改造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常用顏色,最後是【取消】、應用【按鈕】。
改造前 改造後