uni-swiper-dot.wxml 3.2 KB

1
  1. <view class="uni-swiper__warp data-v-f2173a0e"><slot></slot><block wx:if="{{mode==='default'}}"><view class="uni-swiper__dots-box data-v-f2173a0e" style="{{'bottom:'+(dots.bottom)+';'}}"><block wx:for="{{info}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-swiper__dots-item uni-swiper__dots-bar data-v-f2173a0e" style="{{'width:'+((index===current?dots.width*2:dots.width)+'px')+';'+('height:'+(dots.width/3+'px')+';')+('background-color:'+(index!==current?dots.backgroundColor:dots.selectedBackgroundColor)+';')+('border-radius:'+('0px')+';')}}"></view></block></view></block><block wx:if="{{mode==='dot'}}"><view class="uni-swiper__dots-box data-v-f2173a0e" style="{{'bottom:'+(dots.bottom)+';'}}"><block wx:for="{{info}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-swiper__dots-item data-v-f2173a0e" style="{{'width:'+(dots.width+'px')+';'+('height:'+(dots.height+'px')+';')+('background-color:'+(index!==current?dots.backgroundColor:dots.selectedBackgroundColor)+';')+('border:'+(index!==current?dots.border:dots.selectedBorder)+';')}}"></view></block></view></block><block wx:if="{{mode==='round'}}"><view class="uni-swiper__dots-box data-v-f2173a0e" style="{{'bottom:'+(dots.bottom)+';'}}"><block wx:for="{{info}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['uni-swiper__dots-item data-v-f2173a0e',index===current&&'uni-swiper__dots-long']}}" style="{{'width:'+((index===current?dots.width*3:dots.width)+'px')+';'+('height:'+(dots.height+'px')+';')+('background-color:'+(index!==current?dots.backgroundColor:dots.selectedBackgroundColor)+';')+('border:'+(index!==current?dots.border:dots.selectedBorder)+';')}}"></view></block></view></block><block wx:if="{{mode==='nav'}}"><view class="uni-swiper__dots-box uni-swiper__dots-nav data-v-f2173a0e" style="{{'background-color:'+(dotsStyles.backgroundColor)+';'+('bottom:'+('0')+';')}}"><text class="uni-swiper__dots-nav-item data-v-f2173a0e" style="{{'color:'+(dotsStyles.color)+';'}}">{{current+1+"/"+info.length+' '+info[current][field]}}</text></view></block><block wx:if="{{mode==='indexes'}}"><view class="uni-swiper__dots-box data-v-f2173a0e" style="{{'bottom:'+(dots.bottom)+';'}}"><block wx:for="{{info}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-swiper__dots-item uni-swiper__dots-indexes data-v-f2173a0e" style="{{'width:'+(dots.width+'px')+';'+('height:'+(dots.height+'px')+';')+('color:'+(index===current?dots.selectedColor:dots.color)+';')+('background-color:'+(index!==current?dots.backgroundColor:dots.selectedBackgroundColor)+';')+('border:'+(index!==current?dots.border:dots.selectedBorder)+';')}}"><text class="uni-swiper__dots-indexes-text data-v-f2173a0e">{{index+1}}</text></view></block></view></block><block wx:if="{{mode==='customize'&&info.length>1}}"><view class="uni-swiper__dots-box customize data-v-f2173a0e"><block wx:for="{{info}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['uni-swiper__dots-item uni-swiper__dots-indexes data-v-f2173a0e',index===current?theme+'-m-back '+theme:'default-back']}}" style="{{'width:'+(index===current?'20rpx':'16rpx')+';'+('height:'+('6rpx')+';')}}"></view></block></view></block></view>