Skip to content

颜色选择器 ​

基于下拉选择器实现的颜色选择器。

基本使用 ​

在选定元素上调用初始化函数即可使用颜色选择器。

自定义颜色 ​

通过设置 colors 属性自定义颜色列表,可以指定一个表示颜色的字符串数组,也可以通过英文逗号拼接多个颜色一起指定。

自定义图标 ​

通过设置 icon 属性自定义颜色显示图标。

同步颜色 ​

通过为 syncValue、syncColor、syncBackground、syncBorder 设置选择器可实现将当前选中的颜色信息同步到相应元素。

颜色值:
文字颜色
背景色
边框色

配合使用 ​

作为按钮 ​

在输入组中使用 ​

在输入框中使用 ​

选项 ​

名称类型默认值说明
headingstringnull颜色面板标题。
colorsstringstring[]null颜色选项列表。
iconstringnull显示为图标的名称。
closeBtnbooleantrue颜色面板是否使用关闭按钮。
syncValuestringnull颜色值容器选择器。
syncColorstringnull文本色同步容器选择器。
syncBackgroundstringnull背景色同步容器选择器。
syncBorderstringnull边框色同步容器选择器。

MIT License (MIT)