<!--subpkg/npm-compoent/miniprogram_npm/live_mp_mkt/ShareReward/common/share_list_swiper/index.wxml-->
<view class="{{isInvitePopup ? 'invite-list-swiper-box' : 'list-swiper-box'}}" catchtap>
    <swiper
        class="swiper-box"
        bind:change="changeDot"
        next-margin="{{cardDistantion}}"
        previous-margin="{{cardDistantion}}"
    >
        <block wx:for="{{showList}}" wx:key="*this">
            <swiper-item class="swiper-item">
                <view class="{{index !== indicatorDotsIndex ? 'swiper-item-not-active' : ''}} 'swiper-slide'">
                    <image class="reward-pic" src="{{item.img_url_compressed}}" />
                    <view>
                        <view class="reward-title">{{item.title}}</view>
                    </view>
                </view>
            </swiper-item>
        </block>
    </swiper>
    <view class="dots-box">
        <view
            class="{{index === indicatorDotsIndex ? 'dot-active' : ''}} 'dots-item'"
            wx:for="{{showList}}"
            wx:key="item"
        ></view>
    </view>
</view>
