当前位置:首页 > 标签 > swiper
运行天数:2959 天 最后更新:2020-5-24

swiper常用配置

2019年09月03日 | 点击量: 418

    <script> var mySwiper = new Swiper ('.swiper-container', { autoplay: { delay:5000,//秒 disableOnInteraction: false,//滑动不会失效 reverseDirection: false,//如果最后一个 反向播放 }, loop: true,//轮播 followFinger: false,//手指滑动完毕在动 // 如果需要分页器 pagination: { el: '.swiper-pagination', clickable: true,......
关键词:
详细阅读

小程序swiper的高度自适应

2018年06月22日 | 点击量: 791

原理 图片加载完之后,获取图片的原始宽高,根据宽高比,计算出适应后的宽高,如果是适应屏幕宽度的话,就用到 wx.getSystemInfo() 方法设备的信息,并保存到一个数组中,(因为加载的原因不能用push,只能根据索引),切换时监听当前显示的图片,根据其索引找到对应的高度,并赋值给组件即可。   wxml <view class=’swiper’> <swiper indicator-dots=”{{indicatorDots}}” vertical=”{{vertical}}” autoplay=”{{autoplay}}” duration=”{{duration}}” interval='{{interval}}’ bindchange=”bind......
关键词:,
详细阅读