zhangjing/cardtest
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[最新代码]

Browse Source
This commit is contained in:
zhangjing
2021-06-25 10:11:46 +08:00
parent b555234d49
commit aacd11356b
29 changed files with 199 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
pages/frozen/frozen.js
View File

@@ -33,7 +33,6 @@ Page({
*/
frozenInfo() {
wx.$api.user.ungrants(this.data.type).then(res=>{
console.log(res)
this.setData({
frozenData: res.data
})

59
pages/frozen/frozen.wxml
View File

@@ -36,7 +36,7 @@
<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>
<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}}
@@ -57,32 +57,42 @@
<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 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}}
<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>
<image class="grantIssue-label-tips {{listItem.status == 0 ? 'active' : ''}}"
src="/static/img/frozen_btn.png" mode="scaleToFill">
</image>
</block>
<!-- 暂无内容 -->
<view class="grantIssue-pack" wx:else>
<image src="/static/img/Account_icon_tips.png"></image>
<view>抱歉，目前发放期数~</view>
</view>
</view>
</view>
@@ -109,6 +119,7 @@
</view>
</view>
<!-- 暂无内容 -->
<view class="pack-center pages-hint" wx:else>
<view class="no-pack-center pack-center pages-hint" wx:else>
<image src="/static/img/Account_icon.png"></image>
<view>抱歉，目前暂无内容~</view>
</view>

22
pages/frozen/frozen.wxss
View File

@@ -103,11 +103,11 @@
/* 最新样式 2021-06-22 */
page,
.pack-center {
.no-pack-center {
background-image: linear-gradient(to bottom, #24315d, #24315d);
}
.pack-center {
.no-pack-center {
color: #fff;
}
@@ -480,5 +480,21 @@ page,
.dots .active {
width: 24rpx;
border-radius: 40rpx;
background-color: #b13509;
background-color: #ffdf95;
}
.grantIssue-pack {
background: rgba(0, 0, 0, .2);
border-radius: 10rpx;
text-align: center;
padding: 40rpx 0;
color: #c9d3f7;
font-weight: 600;
font-size: 30rpx;
}
.grantIssue-pack image {
width: 200rpx;
height: 200rpx;
margin-bottom: 20rpx;
}