《微信小程序开发从入门到实战》学习九十八

7.3 表单组件

7.3.1 picke-view与picker-view-column组件

代码的显示效果如下：

7.3.2 slider组件

slider上滑动选择器组件，使用该组件可以让用户通过滑动滑块的方式设置数值大小。该组件支持属性如下：

属性	类型	默认值	说明	最低版本
min	number	0	最小值	1.0.0
max	number	100	最大值	1.0.0
step	number	1	步长，取值必须大于0，并且可被（min-max）整除	1.0.0
disabled	boolean	false	是否禁用	1.0.0
value	number	0	当前取值	1.0.0
activeColor	color	#1aad19	已选择的颜色	1.0.0
backgroudColor	color	#e9e9e9	背景条的颜色	1.0.0
block-size	number	28	滑块的大小，取值范围12~28	1.9.0
block-color	color	#ffffff	滑块的颜色	1.9.0
show-value	boolean	false	是否显示当前value	1.0.0
bindchange	eventhandle		完成一次拖动后触发的事件，event.detail={value}	1.0.0
bindchanging	eventhandle		拖动过程中触发的事件，event.detail={value}	1.7.0

使用slider组件的示例代码如下：

<slider bindchange="onSliderChange" show-value></slider>

显示效果如下：

7.4 视频组件 

在小程序中播放视频，会用到小程序的视频（video）组件。

7.4.1 video组件

  video组件在页面中显示为一个视频播放器，可播放网络视频。