<!-- 分期 -->
<!-- <view class="frozenTop">
    <view class="frozenTop-text">
        <view class="frozenTop-name">待发放（额度）</view>
        <view class="frozenTop-number">{{blockeds}}</view>
    </view>
    <view class="frozenTop-tips"><image src="/static/img/grant_icon.png"></image>待发放期数详情</view>
    <view class="frozenTop-btn">共 {{frozenData.length}} 期</view>
</view>
<view class="frozenCont" wx:if="{{frozenData.length > 0}}">
    <view class="frozenTitle uni-border-bottom">分期</view>
    <view class="frozenList uni-border-bottom" wx:for="{{frozenData}}" wx:key="frozenData">
        <view class="frozenList-left">
            <view class="frozenList-name"><image src="/static/img/frozen_time.png"></image>第{{item.num}}期</view>
            <view class="frozenList-time">发放时间：{{item.start_at}}</view>
        </view>
        <view class="frozenList-number">
            <view class="frozenList-yellow">+{{item.variable}}</view>
            <view class="frozenList-variable">发放额度</view>
        </view>
    </view>
</view> -->

<!-- 暂无内容 -->
<!-- <view class="pack-center pages-hint" wx:else>
	<image src="https://storage.funnyzhibo.com/images/2020/05/06/staff_null.png"></image>
	<view>抱歉，目前暂无内容~</view>
</view> -->


<view wx:if="{{frozenData.length > 0}}">
    <view class="grantSwiper">
        <swiper class="banner-swiper" bindchange="monitorCurrent" current="{{current}}">
            <swiper-item bindtap="userUrl" wx:for="{{frozenData}}" wx:key="frozenData">
                <view class="banner-height">
                    <view class="grantTop">
                        <image class="grantTop-img" src="/static/img/frozen_back.png" mode="scaleToFill"></image>
                        <view class="grantTop-text">
                            <image src="{{type == 'silver' ? '/static/img/frozen_identity_00.png' : '/static/img/frozen_identity_01.png'}}"></image>
                            <view class="grantTop-price">
                                <text>待发放(额度)</text>
                                <view class="grantTop-price-tips">￥</view>{{item.ungrant}}
                            </view>
                        </view>
                        <view class="grantTop-tips">
                            <view class="grantTop-time">发放周期 {{item.cycle}}</view>
                            <view class="grantTop-number">共{{item.num}}期</view>
                        </view>
                    </view>
                    <view class="grantTitle">
                        <view class="nowrap grantTitle-name">{{item.source.remark}}</view>
                        <view class="grantTitle-tel">{{item.mobile}}</view>
                    </view>
                </view>
                <view class="grantIssue">
                    <view class="grantIssue-title">
                        <view class="grantIssue-title-name">
                            <image src="/static/img/frozen_icon.png"></image><text>消费红包分期发放</text>
                        </view>
                        <view class="grantIssue-title-tips">
                            应发余额<text>￥{{item.variable}}</text>，发放期数<text>{{item.num}}</text>期，每期发放<text>￥{{item.avg}}/期</text>
                        </view>
                    </view>
                    <view class="grantIssue-list">
                        <block wx:if="{{item.items.length > 0}}">
                            <view class="grantIssue-label" wx:for="{{item.items}}" wx:for-item="listItem"
                                wx:key="items">
                                <image class="grantIssue-label-img {{listItem.status == 0 ? 'active' : ''}}"
                                    src="/static/img/frozen_img.png" mode="scaleToFill"></image>
                                <view class="grantIssue-label-cont">
                                    <view class="grantIssue-label-left">
                                        <view class="grantIssue-left-top {{listItem.status == 0 ? 'active' : ''}}">
                                            第<text>{{listItem.num}}</text>期</view>
                                        <view class="grantIssue-left-number {{listItem.status == 0 ? 'active' : ''}}">
                                            共<text>{{item.items.length}}</text>期</view>
                                    </view>
                                    <view class="grantIssue-label-center">
                                        <view class="grantIssue-center-top {{listItem.status == 0 ? 'active' : ''}}">
                                            <text>{{listItem.variable}}</text>( 发放额度 )
                                        </view>
                                        <view class="grantIssue-center-time">发放时间：{{listItem.start_at}}</view>
                                    </view>
                                    <view class="grantIssue-label-right {{listItem.status == 0 ? 'active' : ''}}">
                                        {{listItem.status_text}}
                                    </view>
                                </view>
                                <image class="grantIssue-label-tips {{listItem.status == 0 ? 'active' : ''}}"
                                    src="/static/img/frozen_btn.png" mode="scaleToFill">
                                </image>
                            </view>
                        </block>
                        <!-- 暂无内容 -->
                        <view class="grantIssue-pack" wx:else>
                            <image src="/static/img/Account_icon_tips.png"></image>
                            <view>抱歉，目前发放期数~</view>
                        </view>
                    </view>
                </view>
            </swiper-item>
        </swiper>
    </view>

    <view class="frozenArrow">
        <view class="frozenArrow-left" wx:if="{{current != 0}}">
            <image src="/static/icon/frozen_arrow.png"></image>
            返回上一个权益
        </view>
        <view class="frozenArrow-right" wx:if="{{current == 0 || frozenData[frozenData.length - 1] > 0}}">
            <image src="/static/icon/frozen_arrow.png"></image>
            查看下一个权益
        </view>
    </view>

    <!-- 自定义轮播图进度点 -->
    <view class="dots">
        <block wx:for="{{frozenData}}" wx:key="frozenData">
            <view class='{{index == current ? "active":""}}'></view>
        </block>
    </view>
</view>
<!-- 暂无内容 -->
<view class="no-pack-center pack-center pages-hint" wx:else>
    <image src="/static/img/Account_icon.png"></image>
    <view>抱歉，目前暂无内容~</view>
</view>