discounts-minapp/invite/withdraw.vue

<template>
	<view class="withdraw">
		<view class="content">
			<view class="top-box">
				<view class="left-box">
					<view class="title">
						提现金额
					</view>
					<input class="money" type="text" :value="money" />
				</view>
				<view class="btn">
					提现
				</view>
			</view>
			<view class="notice">
				可提现金额￥3000
			</view>
		</view>
		
		<view class="content">
			<view class="item">
				<view class="label">
					提现至
				</view>
				<view class="value" @click="jump">
					<view class="card-num">
						{{cardName}}（2345）
					</view>
					<view class="iconfont icon-xiangyou"></view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				money: 0,
				cardName:'中国银行'
			}
		},
		methods: {
			jump() {
				uni.navigateTo({
					url:'./bankCard'
				})
			}
		},
		created() {
			this.cardName = uni.getStorageSync('cardType')
		}
	}
</script>

<style lang="scss" scoped>
.withdraw{
	background: #f5f5f5;
	padding: 20rpx 30rpx;
	.content{
		margin: 20rpx 0;
		background: #fff;
		border-radius: 16rpx;
	}
	.top-box{
		padding: 28rpx 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 2rpx solid #F3F3F3;
		.left-box{
			.title{
				color: #181818;
				font-size: 28rpx;
			}
			.money{
				color: #222222;
				font-weight: bold;
				font-size: 36rpx;
				margin-top: 16rpx;
			}
		}
		.btn{
			width: 140rpx;
			height: 60rpx;
			line-height: 60rpx;
			text-align: center;
			color: #fff;
			font-size: 28rpx;
			background: #2836FE;
			box-shadow: inset 0rpx 6rpx 12rpx 2rpx rgba(255,255,255,0.16);
			border-radius: 46rpx ;
		}
	}
	.notice{
		color: #999999;
		font-size: 24rpx;
		padding: 28rpx 24rpx;
	}
	
	.item{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 28rpx 24rpx;
		.label{
			color: #181818;
			font-size: 28rpx;
		}
		.value{
			font-size: 28rpx;
			color: #222222;
			display: flex;
			align-items: center;
			.card-num{
				
			}
			.iconfont{
				color: #999;
			}
		}
	}
	
}
</style>