blindDate/pages/upTheWall/upTheWall.vue

<template>
	<view class="content">
		<view>
			<view class="lf-row-between lf-font-28">
				<view class="lf-font-bold lf-color-black required">【不完全档案】</view>
				<view class="lf-color-999">0/300</view>
			</view>
			<textarea class="textarea" placeholder="请描述一下您的性格观念，工作情况，家庭情况等～"></textarea>
		</view>
		<view>
			<view class="lf-row-between lf-font-28">
				<view class="lf-font-bold lf-color-black required">【平日里，我喜欢】</view>
				<view class="lf-color-999">0/300</view>
			</view>
			<textarea class="textarea" placeholder="请描述一下您的兴趣爱好～"></textarea>
		</view>
		<view>
			<view class="lf-row-between lf-font-28">
				<view class="lf-font-bold lf-color-black required">【我心目中的你】</view>
				<view class="lf-color-999">0/300</view>
			</view>
			<textarea class="textarea" placeholder="请描述一下您的择偶观等～"></textarea>
		</view>
		
		<view class="lf-font-28 lf-color-primary lf-m-b-60">
			<view>*1、申请上墙将消耗您3条红线，若您未能上墙，红线将返还给您。</view>
			<view>*2、VIP会员免费上墙，在各自的vip群里艾特@工作人员。</view>
			<view>*3、上墙后您的信息将展示在公众号、红娘朋友圈、小程序首页等，上墙展示时间持续7天。</view>
		</view>
		<button class="button">提交上墙</button>
	</view>
</template>

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

<style lang="scss" scoped="scoped">
	.lf-m-b-60{
		margin-bottom: 60rpx;
	}
	.content{
		padding: 38rpx 32rpx;
	}
	.required{
		padding-left: 10rpx;
		position: relative;
		&::after{
			position: absolute;
			content: '*';
			left: 0;
			color: #E21196;
		}
	}
	.textarea{
		width: 686rpx;
		height: 200rpx;
		background: #F5F5F5;
		border-radius: 10rpx;
		margin-top: 30rpx;
		margin-bottom: 60rpx;
		padding: 30rpx;
		box-sizing: border-box;
	}
	.button{
		background-color: #E21196;
		color: #FFFFFF;
		border-radius: 46rpx;
		font-size: 32rpx;
	}
</style>