# input
交互式组件,包括单选框,多选框,按钮。
# 子组件
不支持。
# 属性
支持 通用属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
type | string | button | 否 | input组件类型,可选值为button,checkbox,radio。 不支持动态修改。可选值定义如下: button:定义可点击的按钮; checkbox:定义多选框; radio:定义单选按钮,允许在多个拥有相同name值的选项中选中其中一个; |
checked | boolean | false | 否 | 当前组件是否选中。 |
name | string | - | 否 | input组件的名称。 |
value | string | - | 否 | input组件的value值,当类型为radio时必填且相同name值的选项该值唯一。 |
# 事件
支持 通用事件
当input类型为checkbox、radio时,支持如下事件:
名称 | 参数 | 描述 |
---|---|---|
change | { checked:true | false} | checkbox多选框或radio单选框的checked状态发生变化时触发该事件。 |
# 样式
支持 通用样式
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
color | <color> | #ffffff | 否 | 单行输入框或者按钮的文本颜色。 |
font-size | <length> | 30px | 否 | 单行输入框或者按钮的文本尺寸。 |
width | <length> | - | 否 | type为button时,默认值为100px。 |
height | <length> | - | 否 | type为button时,默认值为50px。 |