UIScrollPicture
UIScrollPicture 是一个图片轮播模块,只需传入一组图片地址,即可实现图片轮播效果。
open
打开模块
- 语法
open({ params }, callback(ret, err))
参数
rect:(可选项)模块的位置及尺寸
{ x: 0, // 数字类型;模块左上角的 x 坐标(相对于所属的 Window 或 Frame);默认:0 y: 0, // 数字类型;模块左上角的 y 坐标(相对于所属的 Window 或 Frame);默认:0 w: 320, // 数字类型;模块的宽度;默认:'auto' h: 200 // 数字类型;模块的高度;默认:'auto' }
data:模块的图片路径数组,及说明文字数组
{ paths: [], //数组类型;图片路径数组,支持http://,https://,widget://,fs://协议 captions: [] //(可选项)数组类型;说明文字数组,与 paths 数组长度一致;不传则不显示说明文字区域 }
styles:(可选项)模块各部分的样式
{ caption: { // JSON对象;说明文字区域样式 height: 35, // 数字类型;说明文字区域高度;默认:35.0 color: '#E0FFFF', // 字符串类型;说明文字字体颜色,支持 rgb、rgba、#;默认:'#E0FFFF' size: 13, // 数字类型;说明文字字体大小;默认:13.0 bgColor: '#696969', // 字符串类型;说明文字区域的背景色,支持 rgb、rgba、#;默认:'#696969' position: 'bottom' // 字符串类型;说明文字区域的显示位置;默认:'bottom' //取值范围: //overlay(悬浮在图片上方,底部与图片底部对齐) //bottom(紧跟在图片下方,顶部与图片底部对齐) alignment: 'center' // 字符串类型:说明文字在水平线上的位置;默认:left //取值范围: //right(居右限时) //center(居中显示) //left(居左显示) }, indicator: { // JSON对象;指示器样式;不传则不显示指示器 align: 'center', // 字符串类型;指示器位置;默认:center //取值范围: //center(居中) //left(靠左) //right(靠右) color: '#FFFFFF', // 指示器颜色 ,支持 rgb、rgba、#;默认:'#FFFFFF' activeColor: '#DA70D6' // 当前指示器颜色,支持 rgb、rgba、#;默认:'#DA70D6' } }