mini_rabot/pages/selfInfo/rechargeRecord/rechargeRecord.vue

<template>
	<view class="content" :style="{height:nowHeight}">
		
		<view class="recharge-box" v-for="pay in payList" :key='pay.id'>
			 <view class="recharge-time-box">
				 <view class="recharge-font">智能投顾</view>
				 <view class="recharge-time">{{pay.paytime}}</view>
			 </view>
			 <view class="recharge-money"> 
				 <text>{{pay.money}}</text>
			 </view>
		</view>
	
	</view>
</template>

<script>
	var md5 = require("../../../common/md5.js");
	export default {
		data() {
			return { 
				nowHeight:getApp().globalData.glbalHeight,
				payList:[
					{
						paytime:'8-28 17:27',
						money:'¥ 14',
						id:'A1',	
					},
					{
						paytime:'8-27 18:27',
						money:'¥ 6',
						id:'A2',
					},{
						paytime:'8-29 19:27',
						money:'¥ 10'	,
						id:'A3',
					},
				],
			}
		},
		onShow() {
			this.getRechargeList()
		},
		methods: {
			getRechargeList(){
				let that = this;
				uni.request({
					url:getApp().globalData.shareUrl, //需要设置为全局
					method: 'POST',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					data: {
						method: 'charge_list',
						timestamp: getApp().globalData.globalTimestamp, //Date.now()
						uid:getApp().globalData.user_id,
						sign: md5('charge_list' + getApp().globalData.globalTimestamp),
					},
					success: res => {
					  that.payList = res.data.msg
					} 
				});
			},
		}
	}
	
</script>

<style>
     .content {
     	display: flex;
     	flex-direction: column;
     	align-items: center;
     	justify-content: flex-start;
     	background: #f4f5f7;
     }
	 
	 .recharge-box {
		 display: flex;
		 align-items: center;
		 justify-content: space-between;
		 background: #fff;
		 width:100%;
		 height: 150upx;
		 border-bottom: 1upx solid #D8D8D8;
	 }
	 
	 .recharge-time-box {
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: space-between;
		 margin-left: 5%;
		 height: 110upx;
	 }
	 .recharge-font {
		 font-size: 30upx;
		 margin-left: -10%;
	 }
	 .recharge-time {
		 color:#D9D9D9;
		 font-size: 26upx;
	 }
	 .recharge-money {
		 margin-right: 5%;
	 }
	 .recharge-money text {
		 font-size: 28upx;
	 }
</style>