retailStore/pages/selfCenter/cashoutPage/applyPage/index.vue

<template>
	<view class="cash-out-box">
		<view style="color:#666;font-size: 32rpx;">
			提现申请需要审核，请耐心等待，注意查收微信红包。
		</view>
		
		<view class="cash-input-box">
			<text>￥</text>
			<input type="number">
		</view>
		
		<view class="all-cash-out-box">
			<text>当前积分为23982，可抵现金239.82，</text>
			<text style="color: #1a9ed3;">全部提现</text>
		</view>
		
		<button type="primary">提现</button>
		
	</view>
</template>

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

<style>
	.cash-out-box {
		width: 85%;
		height: 600rpx;
		background: #fff;
		border-radius: 15rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 5% auto;
		padding: 15px;
	}
	.cash-input-box {
		width: 100%;
		margin-top: 5%;
		border-bottom: 1px solid #dbdbdb;
		display: flex;
		align-items: center;
		height: 80rpx;
	}
	.cash-input-box text {
		margin-right: 2%;
	}
	.all-cash-out-box {
		margin-top: 3%;
		font-size: 28rpx;
		width: 99%;
		color: #999;
	}
	.cash-out-box button {
		background: #1a9ed3;
		color: #fff;
		width: 99%;
		margin-top: 5%;
	}
</style>