wx-fensisiyu/pageA/xuyuan.vue

<template>
	<view class="page">
		<view class="from_box">
			<view class="font">填写许愿单</view>
			<view class="" style="margin-top: 38rpx;"><u-input :custom-style="{
				'width': '624rpx',
				'height': '94rpx',
				'background': 'rgba(234,234,235,1)',
				'border-radius': '12rpx',
			'padding':'0 30rpx','box-sizing': 'border-box'}" v-model="value" :clearable='false' :type="type"
					placeholder="请输入来自樊樊直播间近3个月的订单号" /></view>
			<view class="" style="margin-top: 36rpx;"><u-input :custom-style="{
				'width': '624rpx',
				'height': '94rpx',
				'background': 'rgba(234,234,235,1)',
				'border-radius': '12rpx',
			'padding':'0 30rpx','box-sizing': 'border-box'}" v-model="value" :clearable='false' :type="type"
					placeholder="请输入来自樊樊直播间近3个月的订单号" /></view>
			<view class="" style="margin-top: 42rpx;"><u-input :custom-style="{
				'width': '624rpx',
				'height': '94rpx',
				'background': 'rgba(234,234,235,1)',
				'border-radius': '12rpx',
			'padding':'0 30rpx','box-sizing': 'border-box'}" v-model="value" :clearable='false' :type="type"
					placeholder="请输入来自樊樊直播间近3个月的订单号" /></view>
			<view class="button" style="margin-top: 118rpx;">
				提交愿望
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.font {
		font-size: 40rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 56rpx;
		color: #323337;
	}

	.page {
		width: 750rpx;
		min-height: 100vh;
		background: linear-gradient(85deg, #CFF4FE 0%, #D5E5FF 41%, #8FCCF1 100%);
		border: 1rpx solid rgba(0, 0, 0, 0);
		padding: 360rpx 24rpx 70rpx;
	}

	.button {
		width: 608rpx;
		height: 90rpx;
		background: rgba(143, 211, 243, 1);
		border-radius: 46rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 90rpx;
		color: #FFFFFF;
		text-align: center;
	}

	.from_box {
		// margin-top: 534rpx;
		padding: 34rpx 38rpx 46rpx 40rpx;
		width: 702rpx;
		height: 752rpx;
		background: rgba(255, 255, 255, 1);
		border-radius: 32rpx;
	}
</style>