说明:
在根目录下,新建一个文件夹,跟Pages平行,拖动4张图片到文件夹
swiper 有四个属性比较重要:
indicator-dots: boolean类型,是否显示指示器
autoplay: boolean类型,是否设置自动播放
interval: int类型,设置banner之前图片的切换时间间隔
duration: int类型,设置banner之前图片的切换速度
布局:
<!--pages/swiperdemo/swiperdemo.wxml-->
<view class="container">
<swiper
class="home-swiper"
indicator-dots="true"
autoplay="{
{autoplay}}"
interval="{
{interval}}"
duration="{
{duration}}">
<block
wx:for-items="{
{lunboData}}"
wx:key="item">
<swiper-item>
<image src="{
{item.imgurl}}" class="slide-image" />
</swiper-item>
</block>
</swiper>
<