From cf329094ccc03ce13be0660b4fc4ee3cde77f17a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9F=B3=E5=8F=AF?= <1284707383@qq.com>
Date: Tue, 24 Aug 2021 11:15:05 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E4=BC=9A=E5=91=98=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E6=8B=A9=E5=81=B6=E8=A6=81=E6=B1=82/=E5=B7=A5=E4=BD=9C?=
 =?UTF-8?q?=E5=AE=B6=E5=BA=AD=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/register/basicInfo.vue   |   2 +-
 pages/register/chooseMate.vue  | 385 +++++++++++++++++++++++++++++++
 pages/register/perfectInfo.vue |   4 +-
 pages/register/workFamily.vue  | 409 +++++++++++++++++++++++++++++++++
 5 files changed, 809 insertions(+), 3 deletions(-)
 create mode 100644 pages/register/chooseMate.vue
 create mode 100644 pages/register/workFamily.vue

diff --git a/pages.json b/pages.json
index 2d5a137..591e10c 100644
--- a/pages.json
+++ b/pages.json
@@ -29,6 +29,18 @@
 				"navigationBarTitleText": "会员注册-完善信息"
 			}
 		},
+		{
+			"path": "pages/register/chooseMate",
+			"style": {
+				"navigationBarTitleText": "会员注册-择偶条件"
+			}
+		},
+		{
+			"path": "pages/register/workFamily",
+			"style": {
+				"navigationBarTitleText": "会员注册-工作家庭"
+			}
+		},
 		{
 			"path": "pages/upTheWall/upTheWall",
 			"style": {
diff --git a/pages/register/basicInfo.vue b/pages/register/basicInfo.vue
index 58e655b..336c566 100644
--- a/pages/register/basicInfo.vue
+++ b/pages/register/basicInfo.vue
@@ -67,7 +67,7 @@
 				</view>
 			</view>
 			
-			<button class="btn" hover-class="lf-opacity">下一步</button>
+			<button class="btn" hover-class="lf-opacity" @click="$url('/pages/register/perfectInfo')">下一步</button>
 		</view>
 	</view>
 </template>
diff --git a/pages/register/chooseMate.vue b/pages/register/chooseMate.vue
new file mode 100644
index 0000000..259205a
--- /dev/null
+++ b/pages/register/chooseMate.vue
@@ -0,0 +1,385 @@
+<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">
+					<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-font-28" style="color: #E21196;">*</text>最低年薪要求</view>
+				<view @tap="showModal" data-target="ChooseModal" class="lf-font-28 lf-color-333">
+					请选择
+				</view>
+			</view>
+			<view class="tag-content">
+				<view class="personal-tag" :class="item.hot?'personal-special1':'personal-active1'" v-for="item of chooseList">{{item.name}}</view>
+			</view>
+			
+			<view class="cu-modal" :class="modalName=='ChooseModal'?'show':''" @tap="hideModal">
+				<view class="cu-dialog">
+					<view class="lf-p-b-30 lf-font-32" style="color: #E21196;">
+						请选择你的家庭成员
+					</view>
+					
+					<view class="tag-content1">
+						<view class="personal-tag1" :class="item.checked?'personal-active':''" :data-value="item.value" v-for="(item,index) of checkbox" @tap.stop="ChooseCheckbox">{{item.name}}</view>
+					</view>
+					
+					<view class="lf-row-center">
+						<view class="work-btn1 work-btn"  @click.stop="makeSure()">
+							确认选择
+						</view>
+					</view>
+				</view>
+			</view>
+			<button class="btn" hover-class="lf-opacity">最后一步</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				marriage: ['已婚', '未婚'],
+				marriage_index: null,
+				birth_date: '',
+				modalName: null,
+				checkbox: [{
+					value: 0,
+					name: '父亲',
+					checked: true,
+					hot: false,
+				}, {
+					value: 1,
+					name: '母亲',
+					checked: true,
+					hot: false,
+				}, {
+					value: 2,
+					name: '哥哥',
+					checked: false,
+					hot: false,
+				}, {
+					value: 3,
+					name: '姐姐',
+					checked: false,
+					hot: false,
+				}, {
+					value: 4,
+					name: '儿子',
+					checked: false,
+					hot: false,
+				}, {
+					value: 5,
+					name: '儿子(离异归对方)',
+					checked: false,
+					hot: true,
+				}],
+				chooseList: []
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			getValue(current, event){
+				this[current +'_index'] = event.detail.value;
+			},
+			showModal(e) {
+				this.modalName = e.currentTarget.dataset.target
+			},
+			hideModal(e) {
+				this.modalName = null
+			},
+			makeSure(e) {
+				this.chooseList = [];
+				this.checkbox.forEach(item => {
+					if(item.checked == true) {
+						this.chooseList.push(item)
+					}
+				});
+				this.modalName = null
+			},
+			ChooseCheckbox(e) {
+				let items = this.checkbox;
+				let values = e.currentTarget.dataset.value;
+				for (let i = 0, lenI = items.length; i < lenI; ++i) {
+					if (items[i].value == values) {
+						items[i].checked = !items[i].checked;
+						break
+					}
+				}
+			}
+		}
+	}
+</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: 20rpx;
+		padding-bottom: 10rpx;
+		background: #E21196;
+		border-radius: 46rpx;
+		color: #FFFFFF;
+	}
+	
+	.tag-content {
+		width: 600rpx;
+		flex-wrap: wrap;
+		display: flex;
+		margin-top: 10rpx;
+	}
+	
+	.personal-tag {
+		margin: 10rpx 4rpx;
+		width: max-content;
+		padding: 2rpx 20rpx;
+		height: 55rpx;
+		border-radius: 28rpx;
+		border: 1rpx solid #E21196;
+		color: #E21196;
+		font-size: 28rpx;
+		margin-right: 15rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		&:nth-child(5n) {
+			margin-right: 0;
+		}
+		&:nth-child(n + 6) {
+			margin-top: 20rpx;
+		}
+	}
+	
+	.tag-content1 {
+		width: 600rpx;
+		flex-wrap: wrap;
+		display: flex;
+	}
+	
+	.personal-tag1 {
+		width: max-content;
+		padding: 8rpx 25rpx;
+		height: 55rpx;
+		border-radius: 10rpx;
+		border: 1rpx solid #ccc;
+		color: #969090;
+		font-size: 28rpx;
+		margin-right: 15rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		&:nth-child(5n) {
+			margin-right: 0;
+		}
+		&:nth-child(n + 6) {
+			margin-top: 20rpx;
+		}
+	}
+	
+	.personal-active {
+		border: 1rpx solid #E21196!important;
+		color: #E21196!important;
+	}
+	
+	.personal-special {
+		border: 1rpx solid orange!important;
+		color: orange!important;
+	}
+	
+	.personal-active1 {
+		border: none!important;
+		background-color: #E21196!important;
+		color: #fff!important;
+	}
+	
+	.personal-special1 {
+		border: none!important;
+		background-color: orange!important;
+		color: #fff!important;
+	}
+	
+	.work-btn1 {
+		border-radius: 10rpx!important;
+	}
+	.work-btn {
+		width: 626rpx;
+		height: 90rpx;
+		background: #E21196;
+		border-radius: 45rpx;
+		color: white;
+		font-size: 32rpx;
+		display: flex;
+		justify-content: center;
+		text-align: center;
+		align-items: center;
+		margin-top: 60rpx;
+	}
+	
+	.work-tag {
+		height: 100%!important;
+	}
+	.work-tag {
+		width: 686rpx;
+		height: 215rpx;
+		background: #FFFFFF;
+		border-radius: 10rpx;
+		margin: 30rpx auto;
+		display: flex;
+		flex-direction: column;
+		/* justify-content: space-around; */
+		padding: 30rpx;
+	}
+	
+	//窗口
+	.cu-modal {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 1110;
+		opacity: 0;
+		outline: 0;
+		text-align: center;
+		-ms-transform: scale(1.185);
+		transform: scale(1.185);
+		backface-visibility: hidden;
+		perspective: 2000upx;
+		background: rgba(0, 0, 0, 0.6);
+		transition: all 0.3s ease-in-out 0s;
+		pointer-events: none;
+	}
+	
+	.cu-modal::before {
+		content: "\200B";
+		display: inline-block;
+		height: 100%;
+		vertical-align: middle;
+	}
+	
+	.cu-modal.show {
+		opacity: 1;
+		transition-duration: 0.3s;
+		-ms-transform: scale(1);
+		transform: scale(1);
+		overflow-x: hidden;
+		overflow-y: auto;
+		pointer-events: auto;
+	}
+	
+	.cu-dialog {
+		position: relative;
+		display: inline-block;
+		vertical-align: middle;
+		margin-left: auto;
+		margin-right: auto;
+		width: 680upx;
+		max-width: 100%;
+		background-color: #f8f8f8;
+		border-radius: 10upx;
+		overflow: hidden;
+		padding: 30rpx;
+	}
+	
+	.cu-modal.bottom-modal::before {
+		vertical-align: bottom;
+	}
+	
+	.cu-modal.bottom-modal .cu-dialog {
+		width: 100%;
+		border-radius: 0;
+	}
+	
+	.cu-modal.bottom-modal {
+		margin-bottom: -1000upx;
+	}
+	
+	.cu-modal.bottom-modal.show {
+		margin-bottom: 0;
+	}
+	
+	.cu-modal.drawer-modal {
+		transform: scale(1);
+		display: flex;
+	}
+	
+	.cu-modal.drawer-modal .cu-dialog {
+		height: 100%;
+		min-width: 200upx;
+		border-radius: 0;
+		margin: initial;
+		transition-duration: 0.3s;
+	}
+	
+	.cu-modal.drawer-modal.justify-start .cu-dialog {
+		transform: translateX(-100%);
+	}
+	
+	.cu-modal.drawer-modal.justify-end .cu-dialog {
+		transform: translateX(100%);
+	}
+	
+	.cu-modal.drawer-modal.show .cu-dialog {
+		transform: translateX(0%);
+	}
+	.cu-modal .cu-dialog>.cu-bar:first-child .action{
+	  min-width: 100rpx;
+	  margin-right: 0;
+	  min-height: 100rpx;
+	}
+</style>
diff --git a/pages/register/perfectInfo.vue b/pages/register/perfectInfo.vue
index 24cd302..e156aff 100644
--- a/pages/register/perfectInfo.vue
+++ b/pages/register/perfectInfo.vue
@@ -27,7 +27,7 @@
 			
 			<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-font-28" style="color: #E21196;">*</text>家庭成员</view>
-				<view @tap="showModal" data-target="ChooseModal" class="lf-font-28 lf-color-777">
+				<view @tap="showModal" data-target="ChooseModal" class="lf-font-28 lf-color-333">
 					请选择
 				</view>
 			</view>
@@ -62,7 +62,7 @@
 					<textarea class="perfance-area" maxlength="200" v-model="contentArea" placeholder="展现自己,也可以说出您的故事~" />
 				</view>
 			</view>
-			<button class="btn" hover-class="lf-opacity">不错,下一步</button>
+			<button class="btn" hover-class="lf-opacity" @click="$url('/pages/register/workFamily')">下一步</button>
 		</view>
 	</view>
 </template>
diff --git a/pages/register/workFamily.vue b/pages/register/workFamily.vue
new file mode 100644
index 0000000..08669ec
--- /dev/null
+++ b/pages/register/workFamily.vue
@@ -0,0 +1,409 @@
+<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">
+					<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>
+			<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-font-28" style="color: #E21196;">*</text>家庭成员</view>
+				<view @tap="showModal" data-target="ChooseModal" class="lf-font-28 lf-color-333">
+					请选择
+				</view>
+			</view>
+			<view class="tag-content">
+				<view class="personal-tag" :class="item.hot?'personal-special1':'personal-active1'" v-for="item of chooseList">{{item.name}}</view>
+			</view>
+			
+			<view class="cu-modal" :class="modalName=='ChooseModal'?'show':''" @tap="hideModal">
+				<view class="cu-dialog">
+					<view class="lf-p-b-30 lf-font-32" style="color: #E21196;">
+						请选择你的家庭成员
+					</view>
+					
+					<view class="tag-content1">
+						<view class="personal-tag1" :class="item.checked?'personal-active':''" :data-value="item.value" v-for="(item,index) of checkbox" @tap.stop="ChooseCheckbox">{{item.name}}</view>
+					</view>
+					
+					<view class="lf-row-center">
+						<view class="work-btn1 work-btn"  @click.stop="makeSure()">
+							确认选择
+						</view>
+					</view>
+				</view>
+			</view>
+			<button class="btn" hover-class="lf-opacity" @click="$url('/pages/register/chooseMate')">不错,下一步</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				marriage: ['已婚', '未婚'],
+				marriage_index: null,
+				birth_date: '',
+				contentArea: '',
+				modalName: null,
+				checkbox: [{
+					value: 0,
+					name: '父亲',
+					checked: true,
+					hot: false,
+				}, {
+					value: 1,
+					name: '母亲',
+					checked: true,
+					hot: false,
+				}, {
+					value: 2,
+					name: '哥哥',
+					checked: false,
+					hot: false,
+				}, {
+					value: 3,
+					name: '姐姐',
+					checked: false,
+					hot: false,
+				}, {
+					value: 4,
+					name: '儿子',
+					checked: false,
+					hot: false,
+				}, {
+					value: 5,
+					name: '儿子(离异归对方)',
+					checked: false,
+					hot: true,
+				}],
+				chooseList: []
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			getValue(current, event){
+				this[current +'_index'] = event.detail.value;
+			},
+			showModal(e) {
+				this.modalName = e.currentTarget.dataset.target
+			},
+			hideModal(e) {
+				this.modalName = null
+			},
+			makeSure(e) {
+				this.chooseList = [];
+				this.checkbox.forEach(item => {
+					if(item.checked == true) {
+						this.chooseList.push(item)
+					}
+				});
+				this.modalName = null
+			},
+			ChooseCheckbox(e) {
+				let items = this.checkbox;
+				let values = e.currentTarget.dataset.value;
+				for (let i = 0, lenI = items.length; i < lenI; ++i) {
+					if (items[i].value == values) {
+						items[i].checked = !items[i].checked;
+						break
+					}
+				}
+			}
+		}
+	}
+</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: 20rpx;
+		padding-bottom: 10rpx;
+		background: #E21196;
+		border-radius: 46rpx;
+		color: #FFFFFF;
+	}
+	
+	.tag-content {
+		width: 600rpx;
+		flex-wrap: wrap;
+		display: flex;
+		margin-top: 10rpx;
+	}
+	
+	.personal-tag {
+		margin: 10rpx 4rpx;
+		width: max-content;
+		padding: 2rpx 20rpx;
+		height: 55rpx;
+		border-radius: 28rpx;
+		border: 1rpx solid #E21196;
+		color: #E21196;
+		font-size: 28rpx;
+		margin-right: 15rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		&:nth-child(5n) {
+			margin-right: 0;
+		}
+		&:nth-child(n + 6) {
+			margin-top: 20rpx;
+		}
+	}
+	
+	.tag-content1 {
+		width: 600rpx;
+		flex-wrap: wrap;
+		display: flex;
+	}
+	
+	.personal-tag1 {
+		width: max-content;
+		padding: 8rpx 25rpx;
+		height: 55rpx;
+		border-radius: 10rpx;
+		border: 1rpx solid #ccc;
+		color: #969090;
+		font-size: 28rpx;
+		margin-right: 15rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		&:nth-child(5n) {
+			margin-right: 0;
+		}
+		&:nth-child(n + 6) {
+			margin-top: 20rpx;
+		}
+	}
+	
+	.personal-active {
+		border: 1rpx solid #E21196!important;
+		color: #E21196!important;
+	}
+	
+	.personal-special {
+		border: 1rpx solid orange!important;
+		color: orange!important;
+	}
+	
+	.personal-active1 {
+		border: none!important;
+		background-color: #E21196!important;
+		color: #fff!important;
+	}
+	
+	.personal-special1 {
+		border: none!important;
+		background-color: orange!important;
+		color: #fff!important;
+	}
+	
+	.work-btn1 {
+		border-radius: 10rpx!important;
+	}
+	.work-btn {
+		width: 626rpx;
+		height: 90rpx;
+		background: #E21196;
+		border-radius: 45rpx;
+		color: white;
+		font-size: 32rpx;
+		display: flex;
+		justify-content: center;
+		text-align: center;
+		align-items: center;
+		margin-top: 60rpx;
+	}
+	
+	.work-tag {
+		height: 100%!important;
+	}
+	.work-tag {
+		width: 686rpx;
+		height: 215rpx;
+		background: #FFFFFF;
+		border-radius: 10rpx;
+		margin: 30rpx auto;
+		display: flex;
+		flex-direction: column;
+		/* justify-content: space-around; */
+		padding: 30rpx;
+	}
+	
+	//窗口
+	.cu-modal {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 1110;
+		opacity: 0;
+		outline: 0;
+		text-align: center;
+		-ms-transform: scale(1.185);
+		transform: scale(1.185);
+		backface-visibility: hidden;
+		perspective: 2000upx;
+		background: rgba(0, 0, 0, 0.6);
+		transition: all 0.3s ease-in-out 0s;
+		pointer-events: none;
+	}
+	
+	.cu-modal::before {
+		content: "\200B";
+		display: inline-block;
+		height: 100%;
+		vertical-align: middle;
+	}
+	
+	.cu-modal.show {
+		opacity: 1;
+		transition-duration: 0.3s;
+		-ms-transform: scale(1);
+		transform: scale(1);
+		overflow-x: hidden;
+		overflow-y: auto;
+		pointer-events: auto;
+	}
+	
+	.cu-dialog {
+		position: relative;
+		display: inline-block;
+		vertical-align: middle;
+		margin-left: auto;
+		margin-right: auto;
+		width: 680upx;
+		max-width: 100%;
+		background-color: #f8f8f8;
+		border-radius: 10upx;
+		overflow: hidden;
+		padding: 30rpx;
+	}
+	
+	.cu-modal.bottom-modal::before {
+		vertical-align: bottom;
+	}
+	
+	.cu-modal.bottom-modal .cu-dialog {
+		width: 100%;
+		border-radius: 0;
+	}
+	
+	.cu-modal.bottom-modal {
+		margin-bottom: -1000upx;
+	}
+	
+	.cu-modal.bottom-modal.show {
+		margin-bottom: 0;
+	}
+	
+	.cu-modal.drawer-modal {
+		transform: scale(1);
+		display: flex;
+	}
+	
+	.cu-modal.drawer-modal .cu-dialog {
+		height: 100%;
+		min-width: 200upx;
+		border-radius: 0;
+		margin: initial;
+		transition-duration: 0.3s;
+	}
+	
+	.cu-modal.drawer-modal.justify-start .cu-dialog {
+		transform: translateX(-100%);
+	}
+	
+	.cu-modal.drawer-modal.justify-end .cu-dialog {
+		transform: translateX(100%);
+	}
+	
+	.cu-modal.drawer-modal.show .cu-dialog {
+		transform: translateX(0%);
+	}
+	.cu-modal .cu-dialog>.cu-bar:first-child .action{
+	  min-width: 100rpx;
+	  margin-right: 0;
+	  min-height: 100rpx;
+	}
+</style>

From d05e5cb3aef0b36613306a26e44ab720d37cf4fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9F=B3=E5=8F=AF?= <1284707383@qq.com>
Date: Tue, 24 Aug 2021 14:28:17 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E7=AD=9B=E9=80=89=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/userList/userList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/userList/userList.vue b/pages/userList/userList.vue
index 96e215a..04de67e 100644
--- a/pages/userList/userList.vue
+++ b/pages/userList/userList.vue
@@ -198,7 +198,7 @@
 						height: 62rpx;
 						border-radius: 31rpx;
 						border: 1rpx solid #999999;
-						font-size: 28rpx;
+						font-size: 20rpx;
 						color: #999999;
 						text-align: center;
 						line-height: 62rpx;

From df3b02e15b3b7342a4f33e5bce3881cffed70a6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9F=B3=E5=8F=AF?= <1284707383@qq.com>
Date: Tue, 24 Aug 2021 15:00:36 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E4=B8=80=E6=9C=9F=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                    | 13 ++++++----
 pages/find/find.vue           |  9 ++++---
 pages/index/index.vue         |  9 ++++---
 pages/messageCenter/index.vue | 48 +++++++++++++++++++++++------------
 pages/my/exclusiveMatch.vue   |  2 +-
 pages/my/memberDetails.vue    |  5 ++--
 pages/userList/filter.json    | 13 ++++++++++
 pages/userList/userList.vue   |  2 +-
 8 files changed, 69 insertions(+), 32 deletions(-)

diff --git a/pages.json b/pages.json
index ab4477a..449af72 100644
--- a/pages.json
+++ b/pages.json
@@ -261,11 +261,6 @@
 	        "iconPath": "static/tabbar/find.png",
 	        "selectedIconPath": "static/tabbar/find-active.png",
 	        "text": "发现"
-	    },{
-	        "pagePath": "pages/personalTailor/personalTailor",
-	        "iconPath": "static/tabbar/customized.png",
-	        "selectedIconPath": "static/tabbar/customized-active.png",
-	        "text": "私人定制"
 	    },{
 	        "pagePath": "pages/messageCenter/index",
 	        "iconPath": "static/tabbar/message.png",
@@ -277,5 +272,13 @@
 	        "selectedIconPath": "static/tabbar/my-active.png",
 	        "text": "我的"
 	    }]
+		
+		//二期隐藏部分
+		// {
+		//     "pagePath": "pages/personalTailor/personalTailor",
+		//     "iconPath": "static/tabbar/customized.png",
+		//     "selectedIconPath": "static/tabbar/customized-active.png",
+		//     "text": "私人定制"
+		// },
 	}
 }
diff --git a/pages/find/find.vue b/pages/find/find.vue
index d4cd6c6..c4eccb5 100644
--- a/pages/find/find.vue
+++ b/pages/find/find.vue
@@ -7,7 +7,7 @@
 		</swiper>
 		<view class="content">
 			<view class="card" v-for="item in 2" :key="item">
-				<view class="avatar">
+				<view class="avatar" @click="$url('/pages/my/index',{type: 'switch'})">
 					<lf-image src="../../static/logo.png" ></lf-image>
 				</view>
 				<view class="info">
@@ -25,7 +25,10 @@
 					<!-- 时间和更多按钮 -->
 					<view class="lf-row-between lf-m-t-23">
 						<view class="lf-font-28 lf-color-777">08:38</view>
-						<view class="more" @click="show_more = !show_more">
+						
+						<view class="more lf-font-28" style="width: 80rpx;height: 50rpx;">分享</view>
+						<!-- 功能隐藏部分 -->
+						<!-- <view class="more" @click="show_more = !show_more">
 							<text class="lf-iconfont icon-more"></text>
 							<view class="more-modal" v-if="show_more">
 								<view class="more-item">
@@ -41,7 +44,7 @@
 									<text class="lf-m-l-14">分享</text>
 								</view>
 							</view>
-						</view>
+						</view> -->
 					</view>
 					<!-- 评论 -->
 					<view class="comment">
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 9aab2bf..763f78d 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -6,10 +6,10 @@
 				<text class="lf-iconfont icon-linedesign-12 lf-font-30 lf-m-l-20"></text>
 				<view class="lf-m-l-10 lf-font-24">搜索</view>
 			</view>
-			<view class="botton" @click="$url('/pages/signIn/signIn')">签到</view>
+			<!-- <view class="botton" @click="$url('/pages/signIn/signIn')">签到</view> -->
 		</view>
 		<!-- 上墙部分 -->
-		<view class="up-the-wall">
+		<!-- <view class="up-the-wall">
 			<view class="lf-row-between">
 				<view class="lf-font-32 lf-color-black">最新上墙</view>
 				<view class="lf-color-999" @click="$url('/pages/wallMember/wallMember')">
@@ -29,7 +29,7 @@
 					</view>
 				</view>
 			</scroll-view>
-		</view>
+		</view> -->
 		<self-line />
 		<!-- 推荐单身 -->
 		<view>
@@ -71,7 +71,8 @@
 		display: flex;
 		justify-content: space-between;
 		.search{
-			width: 530rpx;
+			// width: 530rpx;
+			width: 100%;
 			height: 62rpx;
 			background: #F7F7F7;
 			border-radius: 32rpx;
diff --git a/pages/messageCenter/index.vue b/pages/messageCenter/index.vue
index 755c331..b8196ef 100644
--- a/pages/messageCenter/index.vue
+++ b/pages/messageCenter/index.vue
@@ -9,7 +9,8 @@
 					<view class="lf-font-32 lf-color-222">{{ item.title }}</view>
 					<view class="lf-m-t-10 lf-font-28 lf-color-777">{{ item.desc }}</view>
 				</view>
-				<view>
+				<view class="lf-row-between">
+					<view class="lf-bg-red lf-font-28 ifread-tag">99+</view>
 					<text class="lf-iconfont icon-xiangyou lf-color-999"></text>
 				</view>
 			</view>
@@ -19,23 +20,25 @@
 
 <script>
 	export default {
-		data(){
+		data() {
 			return {
+				// 隐藏部分
+				// {
+				// 	title: '消息订阅',
+				// 	desc: '关闭后将错过不少缘分',
+				// 	icon: 'icon-pinglun',
+				// 	bg_color: '#409EEC',
+				// 	path: '',
+				// 	unread_count: 0
+				// },
 				list: [{
-					title: '消息订阅',
-					desc: '关闭后将错过不少缘分',
-					icon: 'icon-pinglun',
-					bg_color: '#409EEC',
-					path: '',
-					unread_count: 0
-				},{
 					title: '联系过的人',
 					desc: '去看看哪些人联系过了',
 					icon: 'icon-contact-person',
 					bg_color: '#FE3EA5',
 					path: '',
 					unread_count: 0
-				},{
+				}, {
 					title: '系统消息',
 					desc: '查看官方消息',
 					icon: 'icon-tongzhi',
@@ -45,26 +48,28 @@
 				}]
 			}
 		},
-		onLoad(){
-			
+		onLoad() {
+
 		},
 		methods: {
-			
+
 		}
 	}
 </script>
 
 <style lang="scss" scoped="scoped">
-	.content{
+	.content {
 		padding: 0 32rpx;
 		width: 750rpx;
 		height: max-content;
 		box-sizing: border-box;
-		.list{
+
+		.list {
 			padding: 30rpx 0;
 			border-bottom: 1rpx solid #e5e5e5;
 			display: flex;
-			.icon{
+
+			.icon {
 				width: 120rpx;
 				height: 120rpx;
 				border-radius: 50%;
@@ -76,4 +81,15 @@
 			}
 		}
 	}
+
+	.ifread-tag {
+		border-radius: 20rpx;
+		padding: 4rpx;
+		color: white;
+		width: 64rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 10rpx;
+	}
 </style>
diff --git a/pages/my/exclusiveMatch.vue b/pages/my/exclusiveMatch.vue
index 7bbc690..0504370 100644
--- a/pages/my/exclusiveMatch.vue
+++ b/pages/my/exclusiveMatch.vue
@@ -12,7 +12,7 @@
 				<view class="lf-flex">
 					<u-icon name="weixin-fill lf-m-r-15 lf-font-38"></u-icon><text class="lf-font-28 lf-color-222">微信：gyw38283</text>
 				</view>
-				<view class="content-btn" @click="copy(gyw38283)">
+				<view class="content-btn" @click="copy('gyw38283')">
 					复制
 				</view>
 			</view>
diff --git a/pages/my/memberDetails.vue b/pages/my/memberDetails.vue
index 9922df9..3aa5002 100644
--- a/pages/my/memberDetails.vue
+++ b/pages/my/memberDetails.vue
@@ -65,14 +65,15 @@
 						分享
 					</view>
 				</view>
-				<view class="lf-flex-column" style="align-items: center;margin-left: 50rpx;">
+				<!-- 暂时隐藏部分 -->
+				<!-- <view class="lf-flex-column" style="align-items: center;margin-left: 50rpx;">
 					<view>
 						<u-icon name="more-dot-fill lf-font-32 lf-color-555"></u-icon>
 					</view>
 					<view class="lf-color-555 lf-font-24">
 						更多
 					</view>
-				</view>
+				</view> -->
 			</view>
 			<view>
 				<button class="tabbar-btn" @click="$url('/pages/my/contact')">联系Ta</button>
diff --git a/pages/userList/filter.json b/pages/userList/filter.json
index bfacf53..3b182b9 100644
--- a/pages/userList/filter.json
+++ b/pages/userList/filter.json
@@ -1,4 +1,17 @@
 {
+	"total": {
+		"name": "综合",
+		"selected": "",
+		"data": [{
+			"value": "默认排序"
+		},{
+			"value": "最新加入"
+		},{
+			"value": "最近在线"
+		},{
+			"value": "动态最多"
+		}]
+	},
 	"gender": {
 		"name": "性别",
 		"selected": "",
diff --git a/pages/userList/userList.vue b/pages/userList/userList.vue
index 04de67e..21ba996 100644
--- a/pages/userList/userList.vue
+++ b/pages/userList/userList.vue
@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<view class="head">
-			<button class="sign-in-btn">{{ name }}</button>
+			<!-- <button class="sign-in-btn">最新</button> -->
 			<!-- tabs -->
 			<view class="filter-item" v-for="(value, key) in filter" :key="key" @click="switchFilter(key)">
 				<text>{{ value.selected || value.name }}</text>

From 69528d67e065d15affb5eb233e896c3e4796a78f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9F=B3=E5=8F=AF?= <1284707383@qq.com>
Date: Tue, 24 Aug 2021 15:55:23 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E4=B8=80=E6=9C=9F=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                  | 12 ++++++++
 pages/find/find.vue         |  5 +++-
 pages/my/contact.vue        | 56 +++++++++++++++++++++++++++++++++++--
 pages/my/index.vue          | 28 +++++++++++--------
 pages/my/likeMe.vue         | 11 ++++++++
 pages/my/memberDetails.vue  |  4 +--
 pages/my/seeMe.vue          | 11 ++++++++
 pages/userList/userList.vue | 10 +++++--
 8 files changed, 116 insertions(+), 21 deletions(-)
 create mode 100644 pages/my/likeMe.vue
 create mode 100644 pages/my/seeMe.vue

diff --git a/pages.json b/pages.json
index 449af72..ce186a7 100644
--- a/pages.json
+++ b/pages.json
@@ -102,6 +102,18 @@
 				"navigationBarTitleText": "我的收藏"
 			}
 		},
+		{
+			"path": "pages/my/seeMe",
+			"style": {
+				"navigationBarTitleText": "谁看过我"
+			}
+		},
+		{
+			"path": "pages/my/likeMe",
+			"style": {
+				"navigationBarTitleText": "喜欢我的"
+			}
+		},
 		{
 			"path": "pages/my/editInfo",
 			"style": {
diff --git a/pages/find/find.vue b/pages/find/find.vue
index c4eccb5..9521063 100644
--- a/pages/find/find.vue
+++ b/pages/find/find.vue
@@ -26,7 +26,10 @@
 					<view class="lf-row-between lf-m-t-23">
 						<view class="lf-font-28 lf-color-777">08:38</view>
 						
-						<view class="more lf-font-28" style="width: 80rpx;height: 50rpx;">分享</view>
+						<view class="more lf-font-28" style="width: 100rpx;height: 50rpx;">
+							<text class="lf-iconfont icon-fenxiang lf-font-24 lf-m-r-10"></text>
+							分享
+						</view>
 						<!-- 功能隐藏部分 -->
 						<!-- <view class="more" @click="show_more = !show_more">
 							<text class="lf-iconfont icon-more"></text>
diff --git a/pages/my/contact.vue b/pages/my/contact.vue
index 36cdaac..0de43ac 100644
--- a/pages/my/contact.vue
+++ b/pages/my/contact.vue
@@ -16,18 +16,68 @@
 						</view>
 						
 						<view class="lf-row-round lf-w-100 lf-p-t-20">
-							<view class="lf-font-28" style="color: #E21196;">是的</view>
-							<view class="lf-font-28">不了</view>
+							<view class="lf-font-28" style="color: #E21196;" @click="apllyBind()">是的</view>
+							<view class="lf-font-28" @click="$toBack()">不了</view>
 						</view>
 					</view>
 				</view>
-				<!-- <view class="date "> 13:23</view> -->
+				<view class="date "> 13:23</view>
+			</view>
+			<view class="cu-item self">
+				<view class="main">
+					<view class="action">
+						<text class="cuIcon-locationfill text-orange text-xxl"></text>
+					</view>
+					<view class="content shadow">
+						嘉宾xxxx很符合我的期待,我想与Ta尝试配对。
+					</view>
+				</view>
+				<view class="cu-avatar radius">
+					<image class="lf-w-100 lf-h-100" src="../../static/logo.png" mode="aspectFill" ></image>
+				</view>
+				<view class="date">13:23</view>
+			</view>
+			<view class="cu-item">
+				<view class="cu-avatar radius">
+					<image class="lf-w-100 lf-h-100" src="../../static/logo.png" mode="aspectFill" ></image>
+				</view>
+				<view class="main">
+					<view class="content shadow">
+						嘻嘻,小红娘明白啦!已经将您的爱慕传达给了嘉宾xxx,咋们先等待一下Ta的回复吧
+					</view>
+					<view class="action text-grey">
+						<text class="cuIcon-warnfill text-red text-xxl"></text>
+					</view>
+				</view>
+				<view class="date">13:23</view>
 			</view>
 		</view>
 	</view>
 </template>
 
 <script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			apllyBind() {
+				uni.showModal({
+				    title: '提示',
+				    content: '确认联系对方吗?',
+					cancelText: '下次一定',
+					confirmColor: '#E21196',
+				    success: function (res) {
+				        if (res.confirm) {
+				            console.log('用户点击确定');
+				        }
+				    }
+				});
+			}
+		}
+	}
 </script>
 
 <style>
diff --git a/pages/my/index.vue b/pages/my/index.vue
index be93164..3d27876 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -21,24 +21,24 @@
 					<view class="lf-font-32 lf-color-white">0</view>
 					<view class="lf-font-24 lf-color-white lf-p-t-20">红线</view>
 				</view>
-				<view class="lf-row-round lf-flex-column" @click="showPeachblossom()">
+				<!-- <view class="lf-row-round lf-flex-column" @click="showPeachblossom()">
 					<view class="lf-font-32 lf-color-white">5</view>
 					<view class="lf-font-24 lf-color-white lf-p-t-20">桃花</view>
-				</view>
-				<view class="lf-row-round lf-flex-column">
+				</view> -->
+				<view class="lf-row-round lf-flex-column" @click="$url('/pages/my/seeMe')">
 					<view class="lf-font-32 lf-color-white">0</view>
 					<view class="lf-font-24 lf-color-white lf-p-t-20">谁看过我</view>
 				</view>
-				<view class="lf-row-round lf-flex-column">
+				<view class="lf-row-round lf-flex-column" @click="$url('/pages/my/likeMe')">
 					<view class="lf-font-32 lf-color-white">0</view>
-					<view class="lf-font-24 lf-color-white lf-p-t-20">谁收藏我</view>
+					<view class="lf-font-24 lf-color-white lf-p-t-20">喜欢我的</view>
 				</view>
 				<view class="lf-row-round lf-flex-column">
 					<view class="lf-font-32 lf-color-white">70%</view>
 					<view class="lf-font-24 lf-color-white lf-p-t-20">资料完整</view>
 				</view>
 			</view>
-			<view class="head-top-wrap lf-w-100 lf-h-100">
+			<!-- <view class="head-top-wrap lf-w-100 lf-h-100">
 				<view class="lf-w-100 tips-wrap">
 					<view class="tips">
 						<view class="lf-row-round lf-w-100 lf-h-100 lf-p-b-12">
@@ -49,7 +49,7 @@
 						</view>
 					</view>
 				</view>
-			</view>
+			</view> -->
 		</view>
 		<view class="adv">
 			<view>
@@ -88,12 +88,12 @@
 				list: [
 					{name: '我的红娘',icon:'github-circle-fill',path: '/pages/my/exclusiveMatch',pic: '../../static/my/red.png'},
 					{name: '实名认证',icon:'email',path: '/pages/my/authentication',pic: '../../static/my/authen.png'},
-					{name: '我的收藏',icon:'qzone',path: '/pages/my/collect',pic: '../../static/my/collect.png'},
+					{name: '我喜欢的',icon:'qzone',path: '/pages/my/collect',pic: '../../static/my/collect.png'},
 					{name: '我的动态',icon:'moments',path:'/pages/my/qzone',pic: '../../static/my/qzone.png'},
-					{name: '福利中心',icon:'red-packet',path:'/pages/my/welfare',pic: '../../static/my/welhare.png'},
+					// {name: '福利中心',icon:'red-packet',path:'/pages/my/welfare',pic: '../../static/my/welhare.png'},
 					{name: '公众号',icon:'google-circle-fill',path:'/pages/my/officialAccount',pic: '../../static/my/public.png'},
 					{name: '联系客服',icon:'kefu-ermai',path: '/pages/my/service',pic: '../../static/my/service.png'},
-					{name: '设置',icon:'setting',path: '/pages/my/setting',pic: '../../static/my/setting.png'}
+					// {name: '设置',icon:'setting',path: '/pages/my/setting',pic: '../../static/my/setting.png'}
 				]
 			}
 		},
@@ -150,7 +150,9 @@
 
 	.head-top {
 		width: 100%;
-		height: 562rpx;
+		//隐藏部分
+		// height: 562rpx;
+		height: 480rpx;
 		position: relative;
 		z-index: 9;
 		/* background-color: red; */
@@ -167,7 +169,9 @@
 	.head-top::after {
 		content: '';
 		width: 100%;
-		height: 529rpx;
+		//隐藏部分
+		// height: 529rpx;
+		height: 442rpx;
 		position: absolute;
 		left: 0;
 		top: 0;
diff --git a/pages/my/likeMe.vue b/pages/my/likeMe.vue
new file mode 100644
index 0000000..995a136
--- /dev/null
+++ b/pages/my/likeMe.vue
@@ -0,0 +1,11 @@
+<template>
+	<view>
+		<lf-userList></lf-userList>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style scoped="scoped">
+</style>
diff --git a/pages/my/memberDetails.vue b/pages/my/memberDetails.vue
index 3aa5002..6e673c2 100644
--- a/pages/my/memberDetails.vue
+++ b/pages/my/memberDetails.vue
@@ -34,7 +34,7 @@
 			<view class="lf-color-333 lf-font-28">
 				了解Ta的购车、住房情况和家庭成员资料
 			</view>
-			<view class="lf-font-24 lf-m-t-20" style="color: #E21196;">
+			<view class="lf-font-24 lf-m-t-20" style="color: #E21196;" @click="$url('/pages/my/authentication')">
 				实名认证后可查看>>
 			</view>
 		</view>
@@ -43,7 +43,7 @@
 			<view class="lf-color-333 lf-font-28">
 				了解Ta的婚史、身高、年龄等各项择偶要求
 			</view>
-			<view class="lf-font-24 lf-m-t-20" style="color: #E21196;">
+			<view class="lf-font-24 lf-m-t-20" style="color: #E21196;" @click="$url('/pages/my/authentication')">
 				实名认证后可查看>>
 			</view>
 		</view>
diff --git a/pages/my/seeMe.vue b/pages/my/seeMe.vue
new file mode 100644
index 0000000..995a136
--- /dev/null
+++ b/pages/my/seeMe.vue
@@ -0,0 +1,11 @@
+<template>
+	<view>
+		<lf-userList></lf-userList>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style scoped="scoped">
+</style>
diff --git a/pages/userList/userList.vue b/pages/userList/userList.vue
index 21ba996..f96b178 100644
--- a/pages/userList/userList.vue
+++ b/pages/userList/userList.vue
@@ -138,7 +138,7 @@
 			line-height: 60rpx;
 		}
 		.filter-item{
-			width: 100rpx;
+			width: 114rpx;
 			height: 62rpx;
 			line-height: 62rpx;
 			text-align: right;
@@ -168,10 +168,14 @@
 				left: 0;
 				z-index: 14;
 				overflow-y: scroll;
-				padding-left: 32rpx;
+				padding: 0 0 32rpx 32rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-evenly;
 				view{
 					height: 60rpx;
-					border-bottom: 1rpx solid #e5e5e5;
+					// border-bottom: 1rpx solid #e5e5e5;
+					padding: 20rpx 0;
 					line-height: 60rpx;
 				}
 			}