更新记录

3.0（2019-06-27） 下载此版本

修复tapImage事件的index为零不返回的问题

2.0（2019-06-26） 下载此版本

1、优化并加强hideTabBar的逻辑控制 2、废弃custom属性，新增type属性 3、新增swiper、twoDimensionSwiper类型 4、新增若干属性

1.0（2019-06-25） 下载此版本

上传QS-maskAndContent

查看更多

平台兼容性

可直接拖进示例项目运行

作者想说

如果该插件有什么问题还请大家说出来哦，还有如果有什么建议的话也可以提下呐 ~ 如果觉得好用，可以回来给个五星好评么~~(❁´◡`❁)*✲ﾟ* 蟹蟹~拜托啦~

组件简介

弹窗组件， 主要是用于首页弹出广告，支持队列展示图片, 也可以自定义

示例代码详见示例项目

使用说明

1.传给QS-maskAndContent的属性

属性 是否必填 值类型 默认值 说明
type String image QS-maskAndContent展示的类型, 详见1.0.1
imageArray 非custom类型是 Array type为twoDimensionSwiper类型时需传二维数组
hideTabBar Boolean false QS-maskAndContent显示时是否隐藏tabbar
errLoop Boolean false type为image类型时，当图片加载失败后是否循环尝试重新加载
dataSet Object 携带数据, 详见1.0.2
everyTimeCountSwiperHeight Boolean false type为swiper或twoDimensionSwiper类型时，是否每次切换都计算当前图片所对应的swiper高度
closeTipShow Boolean true 是否显示底部的关闭提示
closeContent String 点击空白区域关闭 关闭提示的内容
@tapImg Function 点击图片的回调，携带current一级循环项下标与index二级图片下标

1.0.1 type属性说明

可填参数 说明
image 可以队列式显示imageArray内的图片地址
swiper 一个swiper内放置imageArray
twoDimensionSwiper 队列式swiper
custom 自定义，可传入slot内容

1.0.2 dataSet属性说明

属性 是否必填 值类型 默认值 说明
type为image
imageStyle cssStyle 作用于image组件上的style样式
type为swiper或twoDimensionSwiper
indicator_dots Boolean false 是否显示面板指示点
autoplay Boolean false 是否自动切换
interval Number 3000 自动切换时间间隔
duration Number 1000 滑动动画时长
indicator_color Color rgba(0, 0, 0, .3) 指示点颜色
indicator_active_color Color #000000 当前选中的指示点颜色
circular Boolean false 是否采用衔接滑动
previous_margin String 前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值
next_margin String 后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值
swiperStyle cssStyle 作用于swiper的样式
swiperHeight Number 按图片高度计算 swiper的高度，乘以设备高度，不传则自动计算imageArray[0]的图片宽高等比例乘以swiper的宽度决定swiper的高度
swiperWidth Number .6 swiper的宽度，乘以设备宽度
swiper_item_center Boolean false 是否设置swiper-item内的内容居中
imageStyle cssStyle 作用于image组件上的style样式
type为custom
无

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...