微信小程序开发笔记之swiper

这篇博客详细介绍了微信小程序中Swiper组件的使用,包括如何配置轮播图的参数,如indicatorDots、autoplay、interval等,并提供了示例代码,帮助开发者实现自动切换和衔接滑动效果。
摘要由CSDN通过智能技术生成

swiper轮播图

小程序中的组件
配置参数:
微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
常用配置:
indicatorDots:“true”,//是否显示面板指示点,默认为false
autoplay:“true”,//是否自动切换,默认为false
interval:“3000”,//自动切换时间间隔
duration:“500”,//滑动动画时长
circular:“true”,//是否采用衔接滑动,默认为false
swiperCurrent:“0”,//当前所在滑块的 index
示例代码:

index.wxml

<view class="top">
    <swiper  class="swiper" indicator-dots="{
  {indicatorDots}}" autoplay="{
  {autoplay}}" interval="{
  {interval}}" duration="{
  {duration}}" circular="{
  {duration}}" current="{
  {swiperCurrent}}" >
      <block wx:for="{
  {imgUr
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值