diff --git a/components/lf-nolanPhoto/lf-nolanPhoto.vue b/components/lf-nolanPhoto/lf-nolanPhoto.vue
index be4810e..5f4b12f 100644
--- a/components/lf-nolanPhoto/lf-nolanPhoto.vue
+++ b/components/lf-nolanPhoto/lf-nolanPhoto.vue
@@ -71,9 +71,11 @@
 	.content{
 		display: flex;
 		flex-wrap: nowrap;
-		width: 100%;
+		width: 100% !important;
 		height: max-content;
 		margin-top: 20rpx;
+		padding: 0 !important;
+		box-sizing: border-box;
 		.image-item{
 			width: 60rpx;
 			height: 60rpx;
diff --git a/pages.json b/pages.json
index e68e79f..eac6b82 100644
--- a/pages.json
+++ b/pages.json
@@ -184,6 +184,18 @@
 			"style": {
 				"navigationBarTitleText": "测试专用"
 			}
+		},
+		{
+			"path": "pages/my/innerMonologue",
+			"style": {
+				"navigationBarTitleText": "内心独白"
+			}
+		},
+		{
+			"path": "pages/my/basicInformation",
+			"style": {
+				"navigationBarTitleText": "基本资料"
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/my/basicInformation.vue b/pages/my/basicInformation.vue
new file mode 100644
index 0000000..8b059e7
--- /dev/null
+++ b/pages/my/basicInformation.vue
@@ -0,0 +1,179 @@
+<template>
+	<view class="content">
+		<view class="card">
+			<view class="lf-row-between lf-m-b-30">
+				<view>
+					<text class="lf-color-primary">*</text>
+					<text class="lf-font-28 lf-color-333">个人昵称</text>
+				</view>
+				<view>
+					<input  class="input" placeholder="请输入" />
+				</view>
+			</view>
+			<view class="lf-row-between lf-m-b-30">
+				<view>
+					<text class="lf-color-primary">*</text>
+					<text class="lf-font-28 lf-color-333">性别</text>
+				</view>
+				<view>
+					<input  class="input" placeholder="请输入" />
+				</view>
+			</view>
+			<view class="lf-row-between lf-m-b-30">
+				<view>
+					<text class="lf-color-primary">*</text>
+					<text class="lf-font-28 lf-color-333">婚姻状况</text>
+				</view>
+				<view class="picker-w">
+					<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-m-b-30">
+				<view>
+					<text class="lf-color-primary">*</text>
+					<text class="lf-font-28 lf-color-333">户籍地</text>
+				</view>
+				<view class="picker-w">
+					<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-m-b-30">
+				<view>
+					<text class="lf-color-primary">*</text>
+					<text class="lf-font-28 lf-color-333">学历</text>
+				</view>
+				<view class="picker-w">
+					<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-m-b-30">
+				<view>
+					<text class="lf-color-primary">*</text>
+					<text class="lf-font-28 lf-color-333">身高</text>
+				</view>
+				<view>
+					<input  class="input" placeholder="请输入" />
+				</view>
+			</view>
+			<view class="lf-row-between lf-m-b-30">
+				<view>
+					<text class="lf-color-primary">*</text>
+					<text class="lf-font-28 lf-color-333">体重</text>
+				</view>
+				<view>
+					<input  class="input" placeholder="请输入" />
+				</view>
+			</view>
+			<view class="lf-row-between lf-m-b-30">
+				<view>
+					<text class="lf-color-primary">*</text>
+					<text class="lf-font-28 lf-color-333">生日</text>
+				</view>
+				<view class="picker-w">
+					<picker mode="date" @change="e => birth_date = e.detail.value">
+						<text>{{ birth_date || '请选择' }}</text>
+					</picker>
+				</view>
+			</view>
+			<view class="lf-row-between lf-m-b-30">
+				<view>
+					<text class="lf-color-primary">*</text>
+					<text class="lf-font-28 lf-color-333">属相</text>
+				</view>
+				<view class="picker-w">
+					<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-m-b-30">
+				<view>
+					<text class="lf-color-primary">*</text>
+					<text class="lf-font-28 lf-color-333">星座</text>
+				</view>
+				<view class="picker-w">
+					<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-m-b-30">
+				<view>
+					<text class="lf-font-28 lf-color-333 lf-m-l-14">外貌</text>
+				</view>
+				<view class="picker-w">
+					<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>
+	page{
+		background-color: #F5F5F5;
+	}
+</style>
+<style lang="scss" scoped="scoped">
+	.content{
+		padding: 30rpx 32rpx;
+		width: 750rpx;
+		height: max-content;
+		box-sizing: border-box;
+		.card{
+			width: 686rpx;
+			height: max-content;
+			background-color: #FFFFFF;
+			border-radius: 10rpx;
+			padding: 30rpx;
+			box-sizing: border-box;
+			.input{
+				width: 400rpx;
+				text-align: right;
+			}
+			.picker-w{
+				width: 400rpx;
+				text-align: right;
+			}
+			.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/my/editInfo.vue b/pages/my/editInfo.vue
index 1952089..b9f35be 100644
--- a/pages/my/editInfo.vue
+++ b/pages/my/editInfo.vue
@@ -13,17 +13,17 @@
 		</view>
 		<view class="edit-tag">
 			<view class="lf-row-between lf-w-100 lf-m-b-30">
-				<view class="lf-color-222 lf-font-32 authen-title lf-p-l-20">为什么要实名认证</view>
-				<view class="lf-font-28 lf-color-777">去编辑<u-icon name="arrow-right lf-m-l-15 lf-font-22"></u-icon></view>
+				<view class="lf-color-222 lf-font-32 authen-title lf-p-l-20">内心独白</view>
+				<view class="lf-font-28 lf-color-777" @click="$url('/pages/my/innerMonologue')">去编辑<u-icon name="arrow-right lf-m-l-15 lf-font-22"></u-icon></view>
 			</view>
 			<view class="lf-color-777 lf-font-28">
-				为给大家创建一个真实安全的优质的脱单环境，确保会员真诚相亲，每个都是人工审核
+				了解Ta的购车、住房情况和家庭成员资料成员资料成员资料成员资料成员资料成员资料成员资料
 			</view>
 		</view>
 		<view class="edit-tag edit-tag1">
 			<view class="lf-row-between lf-w-100 lf-m-b-30">
 				<view class="lf-color-222 lf-font-32 authen-title lf-p-l-20">基本资料</view>
-				<view class="lf-font-28 lf-color-777">去完善<u-icon name="arrow-right lf-m-l-15 lf-font-22"></u-icon></view>
+				<view class="lf-font-28 lf-color-777" @click="$url('/pages/my/basicInformation')">去完善<u-icon name="arrow-right lf-m-l-15 lf-font-22"></u-icon></view>
 			</view>
 			<view class="lf-color-777 lf-font-28 tag-content">
 				<view class="personal-tag">其他省市</view>
diff --git a/pages/my/innerMonologue.vue b/pages/my/innerMonologue.vue
new file mode 100644
index 0000000..b7271b9
--- /dev/null
+++ b/pages/my/innerMonologue.vue
@@ -0,0 +1,66 @@
+<template>
+	<view class="content">
+		<view class="textarea-box">
+			<textarea class="textarea" placeholder="展现自己，也可说出您的故事～" maxlength="200"></textarea>
+			<view class="tips-num">0/200</view>
+		</view>
+		<view class="tips-content">！小提示：谈谈你对爱情、婚姻的想法，简单介绍下自己的生后工作或者你希望中的那个ta，最好能让对方更了解你，还能快速拉近两人的距离哟～</view>
+		<button class="btn" hover-class="lf-opacity">保存</button>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped="scoped">
+	.content{
+		padding: 30rpx 32rpx;
+		width: 750rpx;
+		height: max-content;
+		box-sizing: border-box;
+		.textarea-box{
+			position: relative;
+			.tips-num{
+				position: absolute;
+				bottom: 30rpx;
+				right: 30rpx;
+				font-size: 28rpx;
+				color: #999999;
+			}
+		}
+		.textarea{
+			width: 686rpx;
+			height: 350rpx;
+			border-radius: 10rpx;
+			background-color: #F5F5F5;
+			box-sizing: border-box;
+			padding: 30rpx;
+			font-size: 28rpx;
+			padding-bottom: 80rpx;
+		}
+		.tips-content{
+			font-size: 24rpx;
+			color: #777777;
+			margin-top: 45rpx;
+		}
+		.btn{
+			margin-top: 40rpx;
+			background-color: #E21196;
+			border-radius: 46rpx;
+			color: #FFFFFF;
+		}
+	}
+</style>
diff --git a/pages/test/test.vue b/pages/test/test.vue
index a421540..0c36ea8 100644
--- a/pages/test/test.vue
+++ b/pages/test/test.vue
@@ -1,6 +1,30 @@
 <template>
-	<view class="content">
-		<view class="item" :class="{'max-item': item == 0}" v-for="item in 6"></view>
+	<view>
+		<!-- <view class="content"> -->
+			<!-- float 方案 -->
+			<!-- <view class="item" :class="{'max-item': item == 0}" v-for="item in 6">{{ item + 1 }}</view> -->
+			
+			<!-- flex 方案 -->
+			<!-- <view class="lf-flex-wrap">
+				<view class="flex" 
+					:style="{order: item + 1}"
+					:class="{'flex-max': item == 0}" 
+					v-for="item in 6"
+				>{{ item + 1 }}</view>
+			</view> -->
+		<!-- </view> -->
+		
+		 <div class="box-wrapper">
+		      <div style="margin-top:0px" class="box"></div>
+		      <div class="box spe"></div>
+		      <div class="box spe"></div>
+		      <div class="box spe"></div>
+		      <div class="box spe"></div>
+		      <div class="box"></div>
+		      <div class="box"></div>
+		      <div class="box spe"></div>
+		      <div class="box spe"></div>
+		  </div>
 	</view>
 </template>
 
@@ -26,6 +50,28 @@
 </script>
 
 <style lang="scss" scoped="scoped">
+	.box{
+		height: 123px;
+		padding: 1em;
+		margin-top: 1em;
+		-moz-page-break-inside: avoid;
+		-webkit-column-break-inside: avoid;
+		break-inside: avoid;
+		border: 1px solid #000;
+		background: #909090;
+	}
+	.spe{
+		height: 225px;
+	}
+	.box-wrapper{
+		-moz-column-count:4; /* Firefox */
+		-webkit-column-count:4; /* Safari 和 Chrome */
+		column-count:4;
+		-moz-column-gap: 1em;
+		-webkit-column-gap: 1em;
+		column-gap: 1em;
+	}
+	
 	.content{
 		width: 750rpx;
 		height: max-content;
@@ -33,6 +79,20 @@
 		box-sizing: border-box;
 		padding: 27rpx;
 		overflow: hidden;
+		
+		.flex{
+			width: 222rpx;
+			height: 222rpx;
+			background-color: #DD6161;
+			margin: 5rpx;
+		}
+		.flex-max{
+			width: 454rpx;
+			height: 454rpx;
+		}
+		
+		
+		/* float
 		.item{
 			width: 222rpx;
 			height: 222rpx;
@@ -42,7 +102,8 @@
 		}
 		.max-item{
 			width: 454rpx;
-			height: 454rpx;
+			height: 453rpx;
 		}
+		*/
 	}
 </style>