You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

108 lines
2.2 KiB

<template>
<view>
<view class="topdaohang" @click="goarrow">
<text class="iconfont icon-ic_leftarrow"></text>
<text >邀请记录</text>
</view>
<view class="" style="margin-top: 37rpx;"></view>
<view class="jlbox" v-for="(item,index) in list">
<view class="jlbox1">
<image src="@/static/images/f.png" class="wh60 jlbox1img" mode=""></image>
<view class="colorhui1 jlbox1mz fz-30">{{item.title}}</view>
<view class="colorhui1">{{item.pm=='1'?'+':'-'}}¥{{item.number}}</view>
</view>
<view class="jlbox1mz1">
{{item.add_time}}
</view>
<view class="jlbox1mz1">
{{item.mark}}
</view>
</view>
</view>
</template>
<script>
import {
moneyList
} from '@/api/user.js';
export default {
data() {
return {
page: 1,
limit: 15,
start: 0,
stop: 0,
loading: false,
loadend: false,
loadTitle: '加载更多',
list:[],
isShowAuth: false
}
},
onReachBottom: function() {
this.getUserBillList();
},
onShow(){
this.getUserBillList();
},
methods: {
goarrow(){
uni.navigateBack()
},
getUserBillList(){
let that = this;
if (that.loading) return;
if (that.loadend) return;
that.loading = true;
that.loadTitle = '';
moneyList({
page: this.page,
limit: this.limit,
start: this.start,
stop: this.stop
},3).then(res=>{
let list = res.data.list;
let loadend = list.length < that.limit;
that.list = that.$util.SplitArray(list, that.list);
that.$set(that, 'list', that.list);
that.loadend = loadend;
that.loadTitle = loadend ? '没有更多内容啦~' : '加载更多';
that.page = that.page + 1;
that.loading = false;
}).catch(err=>{
that.loading = false;
that.loadTitle = '加载更多';
})
}
}
}
</script>
<style scoped>
.jlbox{
width: 702rpx;
height: 160rpx;
background: #1B1A1D;
border-radius: 10rpx;
padding: 30rpx;
margin: 0 auto;
margin-top: 20rpx;
}
.jlbox1{
display: flex;
}
.jlbox1mz{
margin-left: 20rpx;
width: 410rpx;
}
.jlbox1mz1{
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 24rpx;
color: #7B7A7F;
margin-left: 78rpx;
margin-top: -18rpx;
line-height: 50rpx
}
</style>