ColorPicker 颜色选择框

在线预览

maker 快速生成

$formCreate.maker.color('颜色','color','#ff7271').props({
        "format":"hex"
    }).props({
        "hue": true
})

json 规则

{
    type: "ColorPicker",
    field: "color",
    title: "颜色",
    value: '#ff7271', 
}

参数说明

参考:iview2.x | iview3.x

规则 rule
字段名 说明 字段类型 默认值
type 元素类型 String -
field 字段名称 String -
title 字段别名 String -
value 字段值 String -
props 元素配置 Object -
event 元素事件 Object -
validate 验证规则 Array -
元素配置 props
字段名 说明 字段类型 是否必填 默认值
alpha 是否支持透明度选择 Boolean false false
hue 是否支持色彩选择 Boolean false true
recommend 是否显示推荐的颜色预设 Boolean false false
size 尺寸,可选值为large、small、default或者不设置 String false -
colors 自定义颜色预设 Array false -
format 颜色的格式,可选值为 hsl、hsv、hex、rgb,开启 alpha 时为 rgb,其它为 hex String false 'hex'
事件扩展 event
事件名称 说明 字段类型 是否必填 默认值
change 当绑定值变化时触发,返回当前值 Function false -
activeChange 聚焦时触发 面板中当前显示的颜色发生改变时触发 Function false -