[本时生活小程序-线上备份]

pages/frozen/frozen.js

@@ -0,0 +1,40 @@
+/*
+ * 本时生活
+ */
+
+const app = getApp()
+
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        type        : '', //类型
+        frozenData  : [], //数组列表
+        blockeds    : '', //待发放金额
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad (options) {
+        this.setData({
+            type     : options.type,
+            blockeds : options.blockeds
+        })
+        // 获取冻结列表
+        this.frozenInfo()
+    },
+
+    /**
+     * 冻结列表
+     */
+    frozenInfo() {
+        wx.$api.user.ungrants(this.data.type).then(res=>{
+            this.setData({
+                frozenData: res.data
+            })
+        })
+    }
+})

pages/frozen/frozen.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "待发放"
+}

pages/frozen/frozen.wxml

@@ -0,0 +1,28 @@
+<!-- 分期 -->
+<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>

pages/frozen/frozen.wxss

@@ -0,0 +1,101 @@
+/* 待发放 */
+.frozenTop {
+    background: #3e3c37;
+    color: #e7e4d5;
+    margin: 20rpx;
+    padding: 40rpx;
+    box-sizing: border-box;
+    border-radius: 20rpx;
+    font-size: 34rpx;
+    position: relative;
+    overflow: hidden;
+}
+
+.frozenTop-number {
+    font-size: 40rpx;
+    font-weight: 600;
+    margin-top: 30rpx;
+}
+
+.frozenTop-tips {
+    position: absolute;
+    top: 0;
+    right: 0;
+    background: #030200;
+    color: #fff;
+    font-size: 28rpx;
+    padding: 12rpx 20rpx;
+    border-radius: 0 0 20rpx 20rpx;
+    display: flex;
+}
+
+.frozenTop-tips image {
+    width: 30rpx;
+    height: 30rpx;
+    margin: 4rpx 10rpx 0 0;
+}
+
+.frozenTop-btn {
+    position: absolute;
+    top: 110rpx;
+    right: 40rpx;
+    background: #dab684;
+    color: #fff;
+    font-size: 28rpx;
+    border-radius: 80rpx;
+    padding: 8rpx 30rpx;
+}
+
+.frozenCont {
+    background-color: #fff;
+    margin: 30rpx 20rpx;
+    border-radius: 20rpx;
+    font-size: 36rpx;
+}
+
+.frozenTitle {
+    padding: 20rpx;
+    box-sizing: border-box;
+    color: #9c9c9c;
+}
+
+.frozenList {
+    padding: 20rpx;
+    display: flex;
+    font-size: 32rpx;
+}
+
+.frozenList-left {
+    flex: 1;
+    line-height: 50rpx;
+}
+
+.frozenList-number {
+    line-height: 50rpx;
+    text-align: center;
+}
+
+.frozenList-name {
+    display: flex;
+}
+
+.frozenList-name image {
+    width: 32rpx;
+    height: 32rpx;
+    margin: 10rpx 10rpx 0 0;
+}
+
+.frozenList-time {
+    padding-left: 40rpx;
+}
+
+.frozenList-variable,
+.frozenList-time {
+    font-size: 26rpx;
+    color: #aaaaaa;
+}
+
+.frozenList-yellow {
+    color: #317afa;
+    font-weight: 600;
+}