更新记录

3.0(2019-06-27)

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

2.0(2019-06-26)

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

查看更多

可直接拖进示例项目运行


作者想说

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


组件简介

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


示例代码详见示例项目

使用说明

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. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问