angular2 改造 primeng colorpicker 控件

功能目標:

    改造primeng的colorpicker組件,增加RGB/HSB/HEX三種編輯模式、最近用過的顏色、常用顏色功能,並提供按鈕僅在點擊【應用】的情況下更新。

    改造前後的功能對比如下圖所示。#ff0080 爲HEX編輯區,RGB/HSB用來切換下方R(H)、G(S)、B三個輸入框的label。再下方12個格爲最近使用過的顏色,接着是10×12常用顏色,最後是【取消】、應用【按鈕】。

改造前                 改造後   

代碼:https://github.com/xhydongda/colorpicker

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章