更新记录

0.3.5(2021-05-11) 下载此版本

修改支持范围 这个插件的动画我是用动画接口写的 理论上应该用uniapp框架的地方都支持

0.3.4(2021-05-11) 下载此版本

增加自动轮播功能

0.3.3(2021-05-10) 下载此版本

请下载最新版本哦 近期会更新自动轮播请期待

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

uniappSwiper3D

一个开源的Uniapp的3d轮播组件

重要参数说明:

imgList : 一个数组,存放轮播图片的src地址 和准备跳转的url地址 如果不填url 就是不跳转  也可以缺省url参数表示不跳转
 例子:
imgList: [
{url: 'other?id=1' , src: '../../static/winbox.png' },
{url: '' , src: '../../static/winbox.png' },
{url: '' , src: '../../static/winbox.png' },
{url: '' , src: '../../static/winbox.png' },
{url: 'other?id=2' , src: '../../static/winbox.png' },
],  

haveUrl : { type : Boolean, default : true },//是否进行页面的跳转
特别说明:默认是true 如果不进行跳转 不传imgUrl或者直接设置fales也可以
currentIndexParameter  : {type : Number, default : 1},//默认放在中间的图片
movewidthParameter  : {type : Number, default : 0.4},//图片位移
openTypeParameter  :{type : String, default : "navigate"},//switchTab 也是是去tabbar页面 普通页面为navigate 
delayTime: {type : Number, default : 0},//默认延迟时间 当延迟时间是0的时候不自动滚动 单位秒  也就是数值时1 的时候就是1秒后进行旋转
turn: {type : Boolean, default : true},//当默认延时大于0时图片的位移方向 true 是从左往右 false 是从右往左

onLoad方法里面的setTimeout方法的imgList赋值模拟的是与服务器的通信延迟

使用例子详见 index.vue

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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