更新记录

1.0.0 下载此版本

首次发布

平台兼容性

uni-app(4.06)

xhs-swiper-dot

这是一个仿小红书的轮播图指示器（指示点）

用法

<view class="section">
  <view class="title">仿小红书轮播图指示器</view>
  <swiper class="swiper" 
    :indicator-dots="false" 
    :current="current" 
    @change="e => current = e.detail.current"
  >
    <swiper-item v-for="(item, index) in colors" :key="index">
      <view class="swiper-item" :style="{background: item}">
        {{ index + 1 < 10 ? `0${index + 1}` : index + 1 }}
      </view>
    </swiper-item>
  </swiper>
  <xhs-swiper-dot :dot-size="16" :total="colors.length" :current="current" />
</view>

引入组件后，直接在swiper组件下方添加该组件,然后传入轮播图的总数以及轮播图的索引（即swiper组件的current属性）。

组件props