微信小程序开发指南：关于轮播

发布日期： 2017-03-04 阅读量： 作者： ADMIN

应用中最常见的应该就是轮图了，本文讲轮播的实现，部分内容来源于官方文档，增加了笔者实际操作中的一些问题与经验。
本文基于微信小程序公测版，ide：微信开发者工具 0.10.102800

组件 swiper

微信小程序开发指南：关于轮播

当不设置 vertical 属性，或者 vertical=”false” 时，指示点在组件下部，图片轮播从左至右，效果如下：

微信小程序开发指南：关于轮播

当设置 vertical=”true” 时，指示点在组件右部，图片轮播从下至上，效果如下：

微信小程序开发指南：关于轮播

注意: swiper是一个容器类视图，但是其中只能放置组件，如放置其他节点，会被自动删除。

swiper-item

代码如下：

<!--main.wxml-->
<view>
    <swiper>
        <block>
            <swiper-item>
                <image></image>
            </swiper-item>
        </block>
    </swiper></view>

上一篇: redis中的bitmap实例分析

下一篇: Sublime中Web Inspector怎么使用并调试Ja

微信小程序开发指南：关于轮播

随便看看