Files
cardtest/pages/frozen/frozen.wxml
2021-06-24 14:15:58 +08:00

114 lines
5.9 KiB
Plaintext

<!-- 分期 -->
<!-- <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="/static/img/frozen_identity_00.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">
<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>
</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="{{frozenData.length > 1}}">
<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="pack-center pages-hint" wx:else>
<view>抱歉,目前暂无内容~</view>
</view>