<template>
	<view class="content">
		<view class="recharge-box">
			<view class="title">
				<view class="kkk">
					
				</view>
					<text>充币二维码</text>
			</view>
			<view class="recharge">
				<view class="recharge-title">
					请转入USDT
				</view>
				<view class="erweima">
					<image src="" mode=""></image>
				</view>
				<view class="button">
					保存二维码
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
page,.content{
	height: 100%;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}
.recharge-box{
	height: 512rpx;
	width: 100%;
	.title{
		width: 100%;
		display: flex;
	align-items: center;
				// position: relative;
		.kkk{
			margin:  30rpx;
			width: 2rpx;
			height: 30rpx;
			background: linear-gradient(90deg, #44BFEC, #438BED);
		}
		text{
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			line-height: 55rpx;
		}
	}
	.recharge{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		.recharge-title{
			margin: 20rpx 0;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			line-height: 55rpx;
		}
		.erweima{
			margin: 30rpx 0;
			width: 188rpx;
			height: 188rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.button{
			text-align: center;
			width: 500rpx;
			height: 60rpx;
			background: linear-gradient(90deg, #44BFEC, #438BED);
			border-radius: 30rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 55rpx;
		}
	}
}
</style>
