微信小程序6__swiper组件(滑块视图容器)

109905418

已于 2022-11-16 21:57:13 修改

阅读量761

点赞数 1

CC 4.0 BY-SA版权

分类专栏：小程序基础文章标签：微信小程序

于 2021-07-02 23:58:52 首次发布

本文链接：https://blog.youkuaiyun.com/aduovip/article/details/118425099

小程序基础专栏收录该内容

23 篇文章

订阅专栏

本文介绍了微信小程序中Swiper组件的使用方法，包括设置指示器、自动播放、间隔时间和过渡时长等属性。示例代码展示了如何在Swiper中嵌入多个swiper-item，每个item包含图片展示。通过这个指南，开发者可以更好地掌握在小程序中创建滑动轮播图的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

swiper 滑块视图容器。其中只可放置swiper-item组件。参考

https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

可以这样写法

 <swiper indicator-dots="{{indicatorDots}}"
        autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
          <swiper-item>
            <image src="/images/pic1.jpg" class="slide-image" />
          </swiper-item>
          <swiper-item>
            <image src="/images/pic2.jpg" class="slide-image" width="355" height="150"/>
          </swiper-item>
          <swiper-item>
            <image src="/images/pic3.jpg" class="slide-image" width="355" height="150"/>
          </swiper-item>
      </swiper>

关注博主即可阅读全文