小程序开发问题之自定义swiper指示点

最新推荐文章于 2024-12-19 17:46:24 发布

爱喝健力宝

最新推荐文章于 2024-12-19 17:46:24 发布

阅读量1.3k

点赞数

分类专栏：微信小程序项目开发问题记录文章标签：小程序 swiper 自定义指示点

本文链接：https://blog.csdn.net/u012173922/article/details/102502263

版权

微信官方提供的swiper的指示点是小圆形，位置在swiper中间靠近底部位置。如

而产品的要求是需要将指示点方式在右下角，同时是条形。如

思路：不显示swiper自带的指示点，根据banner数据集合的长度显示指示点。根据swiper的滑动更新指示点的状态。

wxml：

<view class="swiper-group">
    //创建一个swiper 
    //indicator-dot="false" 不显示自带的指示点
    <swiper class="swiper" bindanimationfinish="swiperAnimationListener" indicator-dot="false" autoplay="true" interval="2000" duration="1000" current="{
  {swiperCurrent}}">
          <view class="swiper-item" wx:for="