uni-swiper-dot.wxml 2.84 KB
<view class="uni-swiper__warp"><slot></slot><block wx:if="{{mode==='default'}}"><view class="uni-swiper__dots-box" style="{{'bottom:'+(dots.bottom+'px')+';'}}"><block wx:for="{{info}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['clickItem',[index]]]]]}}" class="uni-swiper__dots-item uni-swiper__dots-bar" style="{{'width:'+((index===current?dots.width*2:dots.width)+'px')+';'+('height:'+(dots.width/2+'px')+';')+('background-color:'+(index!==current?dots.backgroundColor:dots.selectedBackgroundColor)+';')+('border-radius:'+('0px')+';')}}" bindtap="__e"></view></block></view></block><block wx:if="{{mode==='dot'}}"><view class="uni-swiper__dots-box" style="{{'bottom:'+(dots.bottom+'px')+';'}}"><block wx:for="{{info}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['clickItem',[index]]]]]}}" class="uni-swiper__dots-item" style="{{'width:'+(dots.width+'px')+';'+('height:'+(dots.height+'px')+';')+('background-color:'+(index!==current?dots.backgroundColor:dots.selectedBackgroundColor)+';')+('border:'+(index!==current?dots.border:dots.selectedBorder)+';')}}" bindtap="__e"></view></block></view></block><block wx:if="{{mode==='round'}}"><view class="uni-swiper__dots-box" style="{{'bottom:'+(dots.bottom+'px')+';'}}"><block wx:for="{{info}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['clickItem',[index]]]]]}}" class="{{['uni-swiper__dots-item','',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)+';')}}" bindtap="__e"></view></block></view></block><block wx:if="{{mode==='nav'}}"><view class="uni-swiper__dots-box uni-swiper__dots-nav" style="{{'background-color:'+(dotsStyles.backgroundColor)+';'+('bottom:'+('0')+';')}}"><text class="uni-swiper__dots-nav-item" style="{{'color:'+(dotsStyles.color)+';'}}">{{current+1+"/"+$root.g0+' '+info[current][field]}}</text></view></block><block wx:if="{{mode==='indexes'}}"><view class="uni-swiper__dots-box" style="{{'bottom:'+(dots.bottom+'px')+';'}}"><block wx:for="{{info}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['clickItem',[index]]]]]}}" class="uni-swiper__dots-item uni-swiper__dots-indexes" 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)+';')}}" bindtap="__e"><text class="uni-swiper__dots-indexes-text">{{index+1}}</text></view></block></view></block></view>