<template>
	<view class="wanl-money">
		<view class="yue">
			<image src="../../../static/images/img/moneyBg.png" mode="widthFix" class="moneyBg"></image>
			<view class="textInfo">
				<text class="moneyNum">{{user.money}}</text>
				<text class="title">余额（元）</text>
				<view class="tixian" @tap="$wanlshop.to('/pages/user/money/withdraw')">
					提现
				</view>
			</view>
			
			
		</view>
		<!-- 功能 -->
		<!-- <view class="cu-list menu sm-border">
			<view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/money/recharge')">
				<view class="content">
					<text class="wlIcon-chongzhichenggong text-blue"></text>
					<text>充值</text>
				</view>
			</view>
			<view class="cu-item arrow" >
				<view class="content">
					<text class="wlIcon-tixianjilu text-orange"></text>
					<text>提现</text>
				</view>
			</view>
		</view> -->
		<view class="cu-list menu sm-border">
			<!-- <view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/bank/bank')">
				<view class="content">
					<text class="wlIcon-yinhangka text-blue"></text>
					<text>银行卡</text>
				</view>
				<view class="action">
					<text class="text-sm wanl-gray">用于提现到第三方账户</text>
				</view>
			</view> -->
			<view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/money/list')">
				<view class="content">
					<text class="wlIcon-yue1 text-orange"></text>
					<text>账单明细</text>
				</view>
			</view>
			<view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/money/witlist')">
				<view class="content">
					<text class="wlIcon-jinbitixian text-orange"></text>
					<text>提现日志</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { mapState } from 'vuex';
export default {
	data() {
		return {
			
		};
	},
	computed: {
		...mapState(['user'])
	},
	onLoad() {
		this.loadData();
	},
	methods: {
		async loadData() {
			await uni.request({
				url: '/wanlshop/pay/getBalance',
				method: 'POST',
				success: res => {
					this.$store.commit('user/setUserInfo', {money: res.data});
				}
			});
		}
	}
};
</script>

<style lang="scss" scoped>

.wanl-money{
	background: #F2F3F4;
	min-height: calc(100vh);
	padding: 20rpx 24rpx;
}
.yue{
	
	position: relative;
	.moneyBg{
		width:100%;
		height:auto;
	}
	.textInfo{
		
		position: absolute;
		
		width: 100%;
		height: 100%;
		z-index: 1;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		.moneyNum{
			
			font-family: Source Han Sans SC;
			font-weight: 400;
			font-size: 44rpx;
			color: #FFFFFF;
		}
		.title{
			
			font-weight: 400;
			margin:10rpx 0;
			font-size: 24rpx;
			color: #FFFFFF;
		}
		.tixian{
			background: #FFFFFF;
			border-radius: 25px;
			padding:13rpx 35rpx;
			font-family: Source Han Sans SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #EB6100;
			
		}
	}
}
.menu{
	border-radius: 20rpx;
	margin-top: 20rpx;
}
</style>
