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