<template>
	<view class="container">
		钱包余额：{{userInfo.amt}}
		<button class="withdrawBtn" size="default" :loading="loadingFlag" @click="" :disabled="checkUpload">提现</button>
		<uni-list>
		 	<uni-list-item title="管理收款账户" :show-extra-icon="true" :extra-icon="wallet" link to="/pages-userInfo/setting/compoSign"></uni-list-item>
			<uni-list-item title="提现记录" :show-extra-icon="true" :extra-icon="withlog" link to="/pages-userInfo/withdraw/withdrawLog"></uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo: {},
				wallet: {
					color:'#0000ff',
					size: '22',
					type: 'wallet'
				},
				withlog: {
					color:'#0000ff',
					size: '22',
					type: 'compose'
				},
			}
			
		},
		created() {
			const userInfoSync = uni.getStorageSync('userInfo')
			this.userInfo = userInfoSync
		},
		methods: {
			targetToDetail(orderId) {
				console.log('orderId', orderId)
				if (orderId) {
					uni.navigateTo({
						url: 'withdrawDetail?orderId=' + orderId,
					});
				}
			},
			
			
		}
	}
</script>

<style lang="scss">
	.withdrawBtn{
		width: 750rpx;
		height: 60rpx;
		background-color: royalblue;
		color: #ffffff;
		font-size: 30rpx;
		line-height: 62rpx;
		border-radius: 17rpx;
		margin-top:100rpx;
	}
	.uni-list-item__icon-img {
	  border-radius: 16rpx;
	}
	.ivOver{
		width: 100%;
		height:100rpx;
		line-height: 100rpx;
		text-align: center;
		background: #fff;
		font-size: 20rpx;
	}
	.box {
	  display: flex;
	  padding-right: 16rpx;
	  flex: 1;
	  color: #3b4144;
	  flex-direction: column;
	  justify-content: center;
	  overflow: hidden;
	}
	.box-bot {
	  display: flex;
	  margin-top: 10rpx;
	}
	.box-bot view {
	  border-radius: 6rpx;
	  border: 2rpx solid #4d6aff;
	  padding: 4rpx 10rpx;
	  margin-right: 10rpx;
	  font-size: 24rpx;
	}
	.uni-list-item__content-title {
	  font-size: 28rpx;
	  color: #3b4144;
	  overflow: hidden;
	}
</style>
