# picker
嵌入页面的滑动选择器。
# 子组件
不支持。
# 属性
支持 通用属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
type | string | text | 否 | 设置滑动选择器的类型,可选项有: text:文本选择器。 time:时间选择器。 |
文本选择器:type=text
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
range | Array | - | 否 | 设置文本选择器的取值范围。 说明使用时需要使用数据绑定的方式,如range = ,js中声明相应变量:data:["15", "20", "25"]。 |
selected | string | 0 | 否 | 设置文本选择器的默认选择值,该值需要为range的索引。 |
时间选择器:type=time
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
selected | string | 00:00 | 否 | 设置时间选择器的默认取值,格式为 HH:mm; |
# 事件
名称 | 参数 | 描述 |
---|---|---|
change | 当type=text时:{ newValue: newValue, newSelected: newSelected } 当type=time时:{ hour: hour, minute: minute} | 选定值后触发该事件。 |
# 样式
支持 通用样式
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
color | <color> | #808080 | 否 | 候选项字体颜色。 |
font-size | <length> | 30px | 否 | 候选项字体尺寸,类型length,单位px。 |
selected-color | <color> | #ffffff | 否 | 选中项字体颜色。 |
selected-font-size | <length> | 38px | 否 | 选中项字体尺寸,类型length,单位px。 |
注意:需要设置宽高,否则组件不渲染