更新记录

0.0.1(2019-12-05)

第一次发布,功能详见说明


平台兼容性

插件介绍

一个很简单的用于整屏引导图的滚动插件,由于uni-app自带的swiper组件在第一屏和最后一屏的时候仍然可以拖动会有留白的效果,所以就自己写了一个,在第一屏的时候无法向右拖动,最后一屏无法向左拖动;使用时传入一个图片数组即可,可以监听图片点击事件与在最后一屏时仍然向左拖动的事件

使用方法

script 中引入组件

import firstPageSwiper from '/components/cao-firstPageSwiper/cao-firstPageSwiper.vue';
export default {
    components: {
        firstPageSwiper
    },
}

template中使用

    <first-page-swiper 
    @swiperClick="swiperClick" 
    @lastPage="lastpage" 
    :img_list="img_list"
    ></first-page-swiper>

属性

属性名 类型 是否必传 默认值 说明
img_list Array [] 展示的图片列表路径,如['/static/introduce/introduce_1.png'']
trans_time Number .3 滚动时的动画播放时间

事件

事件名 返回值 说明
@swiperClick page 点击图片时会触发
@lastPage 当已经滑动到最后一屏后仍继续向左拖时会触发

其他

插件代码非常简单,可改成自己需要的版本

隐私、权限声明

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

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

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

许可协议

MIT协议

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