You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
1.0 KiB
21 lines
1.0 KiB
2 years ago
|
<view class="wux-class {{ classes.wrap }}">
|
||
|
|
<view class="{{ classes.prev }}" wx:if="{{ mode === 'button' }}">
|
||
|
|
<wux-button wux-class="{{ classes.button }}" bind:click="onPrev" type="light" disabled="{{ activeIndex <= 1 }}">
|
||
|
|
<slot name="prev"></slot>
|
||
|
|
</wux-button>
|
||
|
|
</view>
|
||
|
|
<view class="{{ classes.number }}" wx:if="{{ mode !== 'pointer' && !simple }}">
|
||
|
|
<view class="{{ classes.active }}">{{ activeIndex }}</view>/{{ total }}
|
||
|
|
</view>
|
||
|
|
<view class="{{ classes.pointer }}" wx:if="{{ mode === 'pointer' }}">
|
||
|
|
<block wx:for="{{ total }}" wx:key="index">
|
||
|
|
<view class="{{ classes.dot }} {{ index + 1 === activeIndex ? prefixCls + '__dot--active' : '' }}"></view>
|
||
|
|
</block>
|
||
|
|
</view>
|
||
|
|
<view class="{{ classes.next }}" wx:if="{{ mode === 'button' }}">
|
||
|
|
<wux-button wux-class="{{ classes.button }}" bind:click="onNext" type="light" disabled="{{ activeIndex >= total }}">
|
||
|
|
<slot name="next"></slot>
|
||
|
|
</wux-button>
|
||
|
|
</view>
|
||
|
|
</view>
|