ChuangHengWx/pages/registerInfo.vue

<template>
	<view class="default_page" :style="{'height':h+'px', 'padding-top':mt+'px'}">
		<cus-header title='创衡汇教练AI智能体' bgColor="transparent" backUrl="/pages/login"></cus-header>
		<div class="info">
			<div class="info-title">邀请您填写以下基本信息</div>
			<div class="info-tip">以便后续为您发送问卷和报告，确保接收成功！</div>
			<div class="info-form">
				<div class="info-form-item adfacjb">
					<div class="info-form-item-left">您的姓名</div>
					<div class="info-form-item-right">
						<u-input v-model="dto.name" border="none" placeholder="请填写姓名"></u-input>
					</div>
				</div>
				<div class="info-form-item adfacjb">
					<div class="info-form-item-left">您的邮箱</div>
					<div class="info-form-item-right">
						<u-input v-model="dto.email" border="none" placeholder="请填写邮箱"></u-input>
					</div>
				</div>
			</div>
		</div>
		<div class="zt_btn">提交</div>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				dto:{
					name:'',
					email:''
				}
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="scss">
	::v-deep .u-input__content__field-wrapper__field{
		font-size: 28rpx !important;
		line-height: 40rpx !important;
		text-align: right !important;
	}
	
	.default_page{
		padding: 0 30rpx;
		background: url('https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/info_bg.png') no-repeat;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		
		.info{
			width: 100%;
			margin-top: 88rpx;
			padding: 0 18rpx;
			box-sizing: border-box;
			&-title{
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 42rpx;
				color: #002846;
				line-height: 42rpx;
			}
			&-tip{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 26rpx;
				color: #667E90;
				line-height: 40rpx;
				margin-top: 24rpx;
			}
			&-form{
				width: 100%;
				background: #FFFFFF;
				border-radius: 24rpx;
				margin-top: 60rpx;
				padding: 0 24rpx;
				box-sizing: border-box;
				&-item{
					border-bottom: 1rpx solid #EFEFEF;
					padding: 39rpx 0;
					&:last-child{
						border: none;
					}
					&-left{
						width: 160rpx;
						font-family: PingFang-SC, PingFang-SC;
						font-weight: bold;
						font-size: 30rpx;
						color: #002846;
						line-height: 42rpx;
					}
					&-right{
						width: calc(100% - 160rpx);
					}
				}
			}
		}
		
		.zt_btn{
			margin-top: 390rpx;
		}
	}
</style>