颜色选择器

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

基本使用

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

自定义颜色

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

自定义图标

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

同步颜色

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

颜色值：

文字颜色

背景色

边框色

配合使用

作为按钮

在输入组中使用

在输入框中使用

选项

名称	类型	默认值	说明
heading	string	null	颜色面板标题。 colors?: string | string[]; // 颜色选项列表。 icon?: string; // 显示为图标的名称。 closeBtn?: boolean = true; // 颜色面板是否使用关闭按钮。 syncValue?: string; // 颜色值容器选择器。 syncColor?: string; // 文本色同步容器选择器。 syncBackground?: string; // 背景色同步容器选择器。 syncBorder?: string; // 边框色同步容器选择器。