[完成] 我要上墙页面UI

common/styles/theme.css

@@ -61,11 +61,11 @@ radio:not([disabled]) .wx-radio-input:hover checkbox:not([disabled]) .wx-checkbo
 /* #endif */
 
 .lf-color-primary {
-	color: #1998FE !important;
+	color: #E21196 !important;
 }
 
 .lf-bg-primary {
-	background: #1998FE !important;
+	background: #E21196 !important;
 }
 
 .lf-color-secondary {

pages.json

@@ -17,6 +17,12 @@
 				"enablePullDownRefresh": true
 			}
 		},
+		{
+			"path": "pages/upTheWall/upTheWall",
+			"style": {
+				"navigationBarTitleText": "我要上墙"
+			}
+		},
 		{
 			"path": "pages/login/index",
 			"style": {

pages/upTheWall/upTheWall.vue

@@ -0,0 +1,83 @@
+<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>