<template>
	<view class="wallet">
		<view class="bg"></view>
		<view class="block">
			<view class="bg-white balance u-m-l-16 u-m-r-16 br24">
				<view>账户余额(元)</view>
				<view>￥ 0.00</view>
			</view>
			
			<view class="bg-white wallet-btn u-m-t-24 u-m-l-16 u-m-r-16 row-between br24">
				<view class="row">
					<u-image :src="cloudPath + 'img/icon_my_wallet.png'" width="56" height="56"></u-image>
					<text class="text-default u-m-l-18">充值</text>
				</view>
				<view>
					<u-line color="#EEE" direction="col" length="60"/>
				</view>
				<view class="row">
					<u-image :src="cloudPath + 'img/icon_my_wallet_record.png'" width="56" height="56"></u-image>
					<text class="text-default u-m-l-18">充值记录</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.wallet {
		position: relative;
	}
	.bg {
		position: absolute;
		left: 0;
		right: 0;
		background-color: #517AAD;
		height: 320rpx;
	}
	
	.block {
		position: absolute;
		top: 24rpx;
		left: 0;
		right: 0;
	}
	
	.balance {
		padding: 50rpx 280rpx;
	}
	
	.wallet-btn {
		height: 150rpx;
		padding: 0 100rpx;
	}
</style>