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组件在页面中显示为一个视频播放器，可播放网络视频。