From c7c2518969599fcaa34d3a8f12b69bb4c25fd21b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9F=B3=E5=8F=AF?= <1284707383@qq.com>
Date: Mon, 23 Aug 2021 17:55:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=9A=E5=91=98=E6=B3=A8=E5=86=8C=E5=9F=BA?=
 =?UTF-8?q?=E6=9C=AC=E4=BF=A1=E6=81=AF/=E4=BC=9A=E5=91=98=E6=B3=A8?=
 =?UTF-8?q?=E5=86=8C=E5=AE=8C=E5=96=84=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                     |  12 +++
 pages/my/basicInformation.vue  |   6 ++
 pages/register/basicInfo.vue   | 141 +++++++++++++++++++++++++++++++++
 pages/register/perfectInfo.vue | 102 ++++++++++++++++++++++++
 4 files changed, 261 insertions(+)
 create mode 100644 pages/register/basicInfo.vue
 create mode 100644 pages/register/perfectInfo.vue

diff --git a/pages.json b/pages.json
index d17718a..2d5a137 100644
--- a/pages.json
+++ b/pages.json
@@ -17,6 +17,18 @@
 				"enablePullDownRefresh": true
 			}
 		},
+		{
+			"path": "pages/register/basicInfo",
+			"style": {
+				"navigationBarTitleText": "会员注册-基本信息"
+			}
+		},
+		{
+			"path": "pages/register/perfectInfo",
+			"style": {
+				"navigationBarTitleText": "会员注册-完善信息"
+			}
+		},
 		{
 			"path": "pages/upTheWall/upTheWall",
 			"style": {
diff --git a/pages/my/basicInformation.vue b/pages/my/basicInformation.vue
index 8b059e7..a03ff87 100644
--- a/pages/my/basicInformation.vue
+++ b/pages/my/basicInformation.vue
@@ -144,6 +144,12 @@
 	}
 </style>
 <style lang="scss" scoped="scoped">
+	/deep/.input-placeholder {
+		/* placeholder颜色  */
+		color: #777777;
+		/* placeholder字体大小  */
+		font-size: 28rpx;
+	}
 	.content{
 		padding: 30rpx 32rpx;
 		width: 750rpx;
diff --git a/pages/register/basicInfo.vue b/pages/register/basicInfo.vue
new file mode 100644
index 0000000..58e655b
--- /dev/null
+++ b/pages/register/basicInfo.vue
@@ -0,0 +1,141 @@
+<template>
+	<view>
+		<view class="up-the-wall">
+			<view class="lf-row-between">
+				<view class="lf-font-32 lf-color-black">上传照片</view>
+			</view>
+			<scroll-view class="scroll-bar" :scroll-x="true">
+				<view class="lf-flex lf-row-between lf-h-100 border-register">
+					<view class="user-item" @click="$url('/pages/upTheWall/upTheWall')">
+						<lf-image class="add-icon" src="../../static/images/add_icon.png"></lf-image>
+					</view>
+					<!-- <view class="user-item" v-for="item in 6" :key="item">
+						<image class="avatar" src="https://picsum.photos/200"></image>
+						<view class="lf-m-t-12 lf-color-555 lf-font-24 lf-line-1">编号 73949</view>
+					</view> -->
+					<view class="lf-color-777">
+						上传近期美照可更引人关注哦~
+					</view>
+				</view>
+			</scroll-view>
+			<view class="lf-row-between">
+				<view class="lf-font-28 lf-color-333"><text class="lf-color-primary">*</text>微信号</view>
+				<view class="lf-font-28 lf-color-333">_abcaca</view>
+			</view>
+			<view class="lf-p-t-30 lf-p-b-30 lf-font-24 lf-flex-column lf-color-777 border-register">
+				<view>1.提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示</view>
+				<view class="lf-m-t-10">2.提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示</view>
+			</view>
+			<view class="lf-row-between lf-p-t-30 lf-p-b-30 border-register">
+				<view class="lf-font-28 lf-color-333"><text class="lf-color-primary">*</text>性别</view>
+				<view class="lf-font-28 lf-color-333">
+					<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
+						<text>{{ marriage[marriage_index] || '请选择' }}</text>
+					</picker>
+				</view>
+			</view>
+			<view class="lf-row-between lf-p-t-30 lf-p-b-30 border-register">
+				<view class="lf-font-28 lf-color-333"><text class="lf-color-primary">*</text>婚宴状况</view>
+				<view class="lf-font-28 lf-color-333">
+					<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
+						<text>{{ marriage[marriage_index] || '请选择' }}</text>
+					</picker>
+				</view>
+			</view>
+			<view class="lf-row-between lf-p-t-30 lf-p-b-30 border-register">
+				<view class="lf-font-28 lf-color-333"><text class="lf-color-primary">*</text>学历</view>
+				<view class="lf-font-28 lf-color-333">
+					<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
+						<text>{{ marriage[marriage_index] || '请选择' }}</text>
+					</picker>
+				</view>
+			</view>
+			<view class="lf-row-between lf-p-t-30 lf-p-b-30 border-register">
+				<view class="lf-font-28 lf-color-333"><text class="lf-color-primary">*</text>年薪</view>
+				<view class="lf-font-28 lf-color-333">
+					<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
+						<text>{{ marriage[marriage_index] || '请选择' }}</text>
+					</picker>
+				</view>
+			</view>
+			<view class="lf-row-between lf-p-t-30 lf-p-b-30 border-register">
+				<view class="lf-font-28 lf-color-333"><text class="lf-color-primary">*</text>生日</view>
+				<view class="lf-font-28 lf-color-333">
+					<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
+						<text>{{ marriage[marriage_index] || '请选择' }}</text>
+					</picker>
+				</view>
+			</view>
+			
+			<button class="btn" hover-class="lf-opacity">下一步</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				marriage: ['已婚', '未婚'],
+				marriage_index: null,
+				birth_date: ''
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			getValue(current, event){
+				this[current +'_index'] = event.detail.value;
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.border-register {
+		border-bottom: 1px solid #f5f5f5;
+	}
+	.up-the-wall{
+		width: 750rpx;
+		height: max-content;
+		padding: 21rpx 32rpx 0;
+		.scroll-bar{
+			width: 100%;
+			height: 164rpx;
+			padding: 30rpx 0;
+			.user-item{
+				width: 136rpx;
+				margin-right: 40rpx;
+				display: flex;
+				justify-content: center;
+				flex-wrap: wrap;
+				&:last-child{
+					margin-right: 0rpx;
+				}
+			}
+			.add-icon{
+				width: 110rpx;
+				height: 110rpx;
+				border-radius: 50%;
+			}
+			.avatar{
+				width: 110rpx;
+				height: 110rpx;
+				border: 5rpx solid #E21196;
+				border-radius: 50%;
+				box-sizing: border-box;
+			}
+		}
+	}
+	.btn{
+		width: 100%;
+		height: 90rpx;
+		line-height: 90rpx;
+		margin-top: 60rpx;
+		padding-bottom: 10rpx;
+		background: #E21196;
+		border-radius: 46rpx;
+		color: #FFFFFF;
+	}
+</style>
diff --git a/pages/register/perfectInfo.vue b/pages/register/perfectInfo.vue
new file mode 100644
index 0000000..82014e7
--- /dev/null
+++ b/pages/register/perfectInfo.vue
@@ -0,0 +1,102 @@
+<template>
+	<view class="lf-p-30">
+		<view class="up-the-wall">
+			<view class="lf-row-between lf-p-t-30 lf-p-b-30 border-register">
+				<view class="lf-font-28 lf-color-333"><text class="lf-color-primary">*</text>身高</view>
+				<view class="lf-font-28 lf-color-333 lf-row-between">
+					<input  class="input" placeholder="请输入" style="text-align: right;" />
+					<text class="lf-m-l-10">cm</text>
+				</view>
+			</view>
+			<view class="lf-row-between lf-p-t-30 lf-p-b-30 border-register">
+				<view class="lf-font-28 lf-color-333"><text class="lf-color-primary">*</text>性别</view>
+				<view class="lf-font-28 lf-color-333">
+					<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
+						<text>{{ marriage[marriage_index] || '请选择' }}</text>
+					</picker>
+				</view>
+			</view>
+			<view class="lf-row-between lf-p-t-30 lf-p-b-30 border-register">
+				<view class="lf-font-28 lf-color-333">性格特征(选填)</view>
+				<view class="lf-font-28 lf-color-333">
+					<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
+						<text>{{ marriage[marriage_index] || '请选择' }}</text>
+					</picker>
+				</view>
+			</view>
+			
+			<view class="lf-flex-column lf-m-b-30 lf-p-t-30">
+				<view class="lf-font-28 lf-color-333 lf-m-b-20 lf-row-between">
+					<view><text class="lf-font-28 lf-color-primary">*</text>内心独白</view>
+					<view class="lf-m-r-10">{{ contentArea.length }}/200</view>
+				</view>
+				<view>
+					<textarea class="perfance-area" maxlength="200" v-model="contentArea" placeholder="展现自己,也可以说出您的故事~" />
+				</view>
+			</view>
+			<button class="btn" hover-class="lf-opacity">不错,下一步</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				marriage: ['已婚', '未婚'],
+				marriage_index: null,
+				birth_date: '',
+				contentArea: ''
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			getValue(current, event){
+				this[current +'_index'] = event.detail.value;
+			}
+		}
+	}
+</script>
+
+<style>
+	page {
+		background-color: #F5F5F5;
+	}
+</style>
+
+<style scoped lang="scss">
+	.perfance-area {
+		background-color: #F5F5F5;
+		width: 560rpx;
+		border-radius: 10rpx;
+		padding: 30rpx;
+	}
+	.up-the-wall {
+		width: 100%;
+		height: max-content;
+		padding: 21rpx 32rpx 21rpx;
+		background-color: white;
+		border-radius: 10rpx;
+	}
+	/deep/.input-placeholder {
+		/* placeholder颜色  */
+		color: #777777;
+		/* placeholder字体大小  */
+		font-size: 28rpx;
+	}
+	.border-register {
+		border-bottom: 1px solid #f5f5f5;
+	}
+	.btn{
+		width: 100%;
+		height: 90rpx;
+		line-height: 90rpx;
+		margin-top: 60rpx;
+		padding-bottom: 10rpx;
+		background: #E21196;
+		border-radius: 46rpx;
+		color: #FFFFFF;
+	}
+</style>