微信小程序自定义swiper组件

自定义指示点

swiper组件一般结构为

<swiper indicator-dots="{
  {indicatorDots}}" autoplay="{
  {autoplay}}"
		 interval="{
  {interval}}" duration="{
  {duration}}">
	<block wx:for="{
  {background}}" wx:key="*this">
	    <swiper-item>
			<view class="swiper-item {
  {item}}"></view>
	    </swiper-item>
	</block>
</swiper>

第一步：删除indicator-dots原有指示点，添加自定义指示点

<view class="container">
  <swiper class="swipers" autoplay="{
  {autoplay}}" current="{
  {currentSwiper}}" bindchange="swiperChange">  
        <block wx:for="{
  {imgUrls}}" wx:key='key'>  
            <swi