jingcai/pages/withdrawal/withdrawal.vue

<template>
	<view class="all">
		<view class="top">
			<view class="topO">
				{{$t('userinfo.u6')}}
			</view>
			<view class="topT">
				<view class="TT">USDT-TRC20</view>
			</view>
			<view class="topS">
				{{$t('userinfo.u7')}}
			</view>
			<view class="topF">
				<!-- <input class="FF" v-model="withdrawal" :placeholder="'請輸入提幣地址'" placeholder-class="placeholder" /> -->
				<input class="FF" placeholder="請輸入提幣地址" placeholder-class="placeholder" />
			</view>
			<view class="topS">
				{{$t('userinfo.u8')}}
			</view>
			<view class="topF">
				<!-- <input class="FF" v-model="withdrawal" :placeholder="'請輸入提幣地址'" placeholder-class="placeholder" /> -->
				<input class="FF" placeholder="請輸入提幣数量" placeholder-class="placeholder" />
			</view>
		</view>
		<view class="center">
			<view class="tx">{{$t('userinfo.u9')}}</view>
			<view class="buzhou">
				<view class="">1.{{$t('userinfo.u10')}} </view>
				<view class="">① {{$t('userinfo.u11')}}</view>
				 <view class="">② {{$t('userinfo.u12')}} </view>
				 <view class="">2.{{$t('userinfo.u13')}}</view>
				 <view class="">3.{{$t('userinfo.u14')}}</view>
				 <view class="">4.{{$t('userinfo.u15')}}</view>
			</view>
		</view>
		<view class="last">
			<view class="la">{{$t('userinfo.u16')}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				withdrawal: '', //提现地址
				placeholder: '',
			};
		}
	}
</script>

<style lang="scss">
.all {
	width: 750rpx;
	height: 1334rpx;
	background-color: #000000;
}
.top {
	width: 690rpx;
	height: 560rpx;
	background: #191A1F;
	border-radius: 20rpx;
	margin-left: 30rpx;
}
.topO {
	height: 31rpx;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 24rpx;
	margin-left: 21rpx;
	padding-top: 37rpx;
}
.topT {
	width: 222rpx;
	height: 68rpx;
	border: 2px solid #DDBA82;
	border-radius: 10rpx;
	margin-left: 20rpx;
	margin-top: 60rpx;
}
.TT {
	width: 168rpx;
	height: 20rpx;
	font-size: 26rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FEB041;
	line-height: 24rpx;
	margin-left: 23rpx;
	margin-top: 20rpx;
}
.topS {
	margin-top: 29rpx;
	margin-left: 20rpx;
	height: 31rpx;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 24rpx;
}
.topF {
	width: 648rpx;
	height: 73rpx;
	background-color: #FEB041;
	opacity: 0.09;
	border-radius: 20rpx;
	margin-left: 20rpx;
	margin-top: 39rpx;
	.FF {
		height: 25rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 24rpx;
		opacity: 0.51;
	}
}




.center {
	width: 690rpx;
	// height: 460rpx;
	background: #191A1F;
	border-radius: 20rpx;
	margin-top: 20rpx;
	margin-left: 30rpx;
	padding-bottom: 12rpx;
} 
.tx {
	height: 27rpx;
	font-size: 29rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 30rpx;
	margin-left: 34rpx;
	padding-top: 36rpx;
}
.buzhou {
	width: 624rpx;
	// height: 280rpx;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #999999;
	line-height: 41rpx;
	margin-left: 33rpx;
	margin-top: 50rpx;
}

.last {
	width: 690rpx;
	height: 90rpx;
	background: #feb041;
	border-radius: 10rpx;
	margin-left: 30rpx;
	margin-top: 30rpx;
}
.la {
	// width: 126rpx;
	height: 31rpx;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #040404;
	line-height: 55rpx;
	margin-left: 282rpx;
	padding-top: 20rpx;
}
</style>