<template>
	<view class="safe-area-inset-bottom">
		<view class="p-2">
			<view class="flex-col b-r-8 white p-32 m-b-16" v-for="(item,index) in list" :key="index">
				<view class="flex-row flex-jus-sp flex-ali-center">
					<d-text text="提现" className="fs-32 content-c" ></d-text>
					<d-text :text="'-'+item.money" className="fs-32 content-c" ></d-text>
				</view>
				<view class="flex-row flex-jus-sp flex-ali-center m-t-16">
					<d-text :text="$u.timeFormat(item.time, 'yyyy-mm-dd hh:MM')" className="fs-24 content-c" ></d-text>
					<d-text :text="status[item.status].text" :color="status[item.status].color" className="fs-24" ></d-text>
				</view>
			</view>
		</view>
		<d-loading-page :loading="loading"></d-loading-page>
		<view class="flex-row flex-jus-center box" v-if="!loading&&list.length==0">
			<d-empty text="暂无记录" mode="search"></d-empty>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status: {
					0: {
						text: '审核中',
						color:'#FB8C00'
					},
					1: {
						text: '已到账',
						color:'#00C853'
					},
					2: {
						text: '提现失败',
						color:'#F44336'
					}
				},
				loading: true,
				list: [{
					money: 100,
					status: 0,
					time: '1670551688'
				}, {
					money: 2100,
					status: 2,
					time: '1670581688'
				}, {
					money: 1100,
					status: 1,
					time: '1670531688'
				}]
			};
		},
		computed: {},
		created() {
			this.loading = false
		},
		onShow() {},
		onHide() {},
		methods: {

		}
	};
</script>
<style>
	page {
		background-color: #F9FAFB;
	}
</style>
<style lang="scss" scoped>
</style>
