cshenfu
2024-06-27 58aa6e282bb343503be3cb198948328ea3ed7b79
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<template>
    <z-paging ref="paging" class="z-paging page_bg" v-model="useList" @query="getInfo"
        :hide-loading-more-when-no-more-by-limit="5">
        <view class="list-item flex-row" v-for="item in useList">
            <view class="flex-col group_3">
                <text class="text_1">{{item.useOrRecharge == 'admin' ? '管理员充值' : '充值学习币'}}</text>
                <text class="text_2">{{item._add_time_str}}</text>
            </view>
            <text class="text_3">+{{item.number}}</text>
        </view>
    </z-paging>
</template>
 
<script>
    var that; // 当前页面对象
    var vk; // vk依赖
    export default {
        data() {
            // 页面数据变量
            return {
                useList: []
            }
        },
        // 监听 - 页面每次【加载时】执行(如:前进)
        onLoad(options = {}) {
            that = this;
            vk = that.vk;
            that.init(options)
        },
        // 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快,会在页面进入动画完成前触发
        onReady() {},
        // 监听 - 页面每次【显示时】执行(如:前进和返回) (页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面)
        onShow() {},
        // 监听 - 页面每次【隐藏时】执行(如:返回)
        onHide() {},
        // 函数
        methods: {
            // 页面数据初始化函数
            init(options) {},
            getInfo(pageIndex, pageSize) {
                vk.callFunction({
                    url: 'client/accout/kh/getCoinAndList',
                    title: '请求中...',
                    data: { pageIndex, pageSize, need_user_info: true, recharge: true },
                    success: function(data) {
                        that.$refs.paging.complete(data.rows);
                    }
                })
            }
        },
    }
</script>
 
<style lang="scss" scoped>
    .list-item {
        padding: 30rpx 20rpx;
        border-bottom: 1px solid #F0F0F0;
 
        .group_3 {
            flex: 1 1 auto;
 
            .text_1 {
                color: rgb(51, 51, 51);
                font-size: 30rpx;
                line-height: 36rpx;
                white-space: nowrap;
            }
 
            .text_2 {
                margin-top: 16rpx;
                color: rgb(153, 153, 153);
                font-size: 24rpx;
                line-height: 29rpx;
                white-space: nowrap;
            }
        }
 
        .text_3 {
            margin-left: 40rpx;
            align-self: center;
            color: rgb(51, 51, 51);
            font-size: 30rpx;
            line-height: 36rpx;
            white-space: nowrap;
        }
    }
</style>