uni-swiper-dot.wxml 2 KB
Newer Older
huahua committed
1
<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 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)+';')}}"></view></block></view></block><block wx:if="{{mode==='long'}}"><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 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)+';')}}"></view></block></view></block><block wx:if="{{mode==='nav'}}"><view class="uni-swiper__dots-box uni-swiper__dots-nav" style="{{'background-color:'+(dotsStyles.backgroundColor)+';'}}"><view class="uni-swiper__dots-nav-item" style="{{'color:'+(dotsStyles.color)+';'}}">{{current+1+"/"+$root.g0+"\n\t\t\t"+info[current][field]}}</view></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 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)+';')}}">{{index+1}}</view></block></view></block></view>