# 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。

注意:需要设置宽高,否则组件不渲染

# 示例代码

查看 示例代码 (opens new window)