ui-color 参考

基础用法

<ui-color></ui-color>
<ui-color value="#09f"></ui-color>
<ui-color value="rgba(255,0,0,0.8)"></ui-color>

img

属性

属性 参数值类型 功能说明
value color，支持 16 进制颜色值，rgb 或 rgba 颜色值 控制 color 的显示颜色，默认为白色，透明度 1
focused boolean 控制 focused 状态
disabled boolean 控制 disabled 状态，设置此属性后不再响应事件
readonly boolean 控制 readonly 状态，设置此属性后不再响应事件
unnavigable boolean 控制是否可导航，按钮默认可以通过 tab 键获取焦点，设置此属性后无法通过 tab 获取焦点，并且鼠标获取焦点后不会有 focus 样式

使用 element.value 获取到值为数组对象，例如：[154, 49, 49, 1]

event 事件

事件名称 是否冒泡 触发机制
change 是 颜色值发生改变
confirm 是 发生 change 改值后，失去焦点或键入 enter
cancel 是 发生 change 改值后，键入 esc （将恢复原值）

使用效果示例

focused, disabled 控制状态

<ui-color placeholder="Normal..."></ui-color>
<ui-color placeholder="Focused..." focused></ui-color>
<ui-color placeholder="Disabled..." disabled></ui-color>

img

条与 "" 相匹配的结果

    没有与 "" 匹配的结果