swiper

基础库 1.0.0 开始支持，低版本需做兼容处理。

微信 Windows 版：支持

微信 Mac 版：支持

渲染框架支持情况：Skyline （使用最新 Nighly 工具调试）、WebView

功能描述

滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。

通用属性

点击查看官方文档描述

使用案例

                    <swiper autoplay="true" interval="3000" duration="500" circular="true">
                        <swiper-item wx:for-items="{{bannerItems}}" data-index="{{index}}" wx:key="bannerId">
                            <view class="banner-card" catchtap='bannerClick' id="{{index}}">
                                <image bindtap='statistics' class='banner-img' id="{{index}}" src="{{item.imgURL}}"></image>
                                <view class="ad-icon">广告</view>
                            </view>
                        </swiper-item>
                    </swiper>
                </view>

PS：swiper-item标签内可以根据自己需求，自定义view元素的数据显示等。

banner点击监听

// banner跳转
bannerClick(e) {
    let _self = this;
    // 根据swiper-item中的data-index="{{index}}"，取出banner索引
    let index = e.currentTarget.id;
    // 拿到索引，获取banner数据进行跳转等操作
    ...
},

常用属性