一套开源的 Web UI 组件库。采用自身极简的模块化规范,并遵循原生 HTML/CSS/JS 的开发模式,极易上手,开箱即用。非常适合网页界面的快速构建。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

2.5 KiB

属性名 描述 类型 默认值
elem

绑定元素选择器或 DOM 对象

string/DOM -
color

默认颜色值,值的格式跟随 format 属性的设定。

string -
format

颜色显示/输入格式,支持 hex rgb 。 若同时开启 alpha 属性,则颜色值自动变为 rgba

string

hex

alpha

是否开启透明度。当同时开启 format: 'rgb' 时,color 值将采用 rgba 格式。

boolean

false

predefine

是否开启预定义颜色栏

boolean

false

colors

设置可选的颜色列表,需开启 predefine: true 有效。
用法详见:#预定义颜色项

array -
size

颜色框的尺寸,可选值: lg sm xs

string

sm

change

颜色被改变的回调函数。用法详见:#示例

change: function(value){
  console.log(value); // 当前颜色值
}
done

颜色选择完毕的回调函数。点击“确认”和“清除”按钮均会触发

done: function(value){
  console.log(value); // 当前选中的颜色值
}

用法详见:#示例

cancel 2.8+

取消颜色选择的回调函数,一般点击非颜色选择面板区域触发。

cancel: function(value){
  console.log(value); // 当前颜色值
}

用法详见:#示例

close 2.8+

颜色选择面板被关闭后即触发。

close: function(value){
  console.log(value); // 当前颜色值
}