修改界面，增加跳转

teamwork/pages.json

@@ -3,7 +3,32 @@
 	"easycom": {
 		"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
 	},
-	"pages": [{
+	"pages": [
+		{
+			"path": "pages/my/main",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/my/my-modify",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/my/my-setting",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/my/my-resetpassword",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
+		{
 			"path": "pages/post/post",
 			"style": {
 				"navigationStyle": "custom"

teamwork/pages/my/main.vue

 <template>
 	<view class="main">
 		<view class="modify">
-			<image class="modify-icon" src="/static/my/main/modify-icon.png"></image>
+			<image class="modify-icon" src="/static/my/main/modify-icon.png" @click="goToModify()"></image>
 		</view>
 		<view class="info">
 			<view class="info1">
@@ -34,11 +34,11 @@
 					<view>运动记录</view>
 				</view>
 				<view class="setting">
-					<view class="setting-icon"></view>
+					<view class="setting-icon" @click="goToSetting()"></view>
 					<view>设置</view>
 				</view>
 				<view class="reset-password">
-					<view class="reset-password-icon"></view>
+					<view class="reset-password-icon" @click="goToResetpassword()"></view>
 					<view>修改密码</view>
 				</view>
 			</view>
@@ -56,6 +56,23 @@
 				teamName:'must go',
 				point:'1250'
 			}
+		},
+		methods:{
+			goToModify() {
+				uni.navigateTo({
+					url: '/pages/my/my-modify'
+				})
+			},
+			goToSetting() {
+				uni.navigateTo({
+					url: '/pages/my/my-setting'
+				})
+			},
+			goToResetpassword() {
+				uni.navigateTo({
+					url: '/pages/my/my-resetpassword'
+				})
+			}
 		}
 	}
 </script>

teamwork/pages/my/my-modify.vue

 <template>
 	<veiw class="main">
-		<view class="exit">
-			<view class="exit-btn"></view>
+		<view class="return">
+			<view class="return-btn" @click="goBack"></view>
 		</view>
 		<view class="head-portrait">
 			<view class="head-portrait-icon"></view>
@@ -9,7 +9,7 @@
 		<view class="info">
 			<veiw class="nickname">
 				<span>用户名：</span>
-				<input type="text" :value="nickname" placeholder="请输入用户名"></input>
+				<input type="text" :value="nickname" class="in" placeholder="请输入用户名"></input>
 			</veiw>
 			<veiw class="school">
 				<span>学&emsp;校：</span>
@@ -17,7 +17,7 @@
 			</veiw>
 			<veiw class="tel">
 				<span>手机号：</span>
-				<input type="number" :value="tel" placeholder="请输入手机号"></input>
+				<input type="number" :value="tel" class="in" placeholder="请输入手机号"></input>
 			</veiw>
 			<veiw class="gender">
 				<span>性&emsp;别：</span>
@@ -83,6 +83,11 @@
 				        }
 				    }
 				})
+			},
+			goBack(){
+				uni.navigateBack({
+						delta:1,//返回层数，2则上上页
+					})
 			}
 		},
 		
@@ -96,11 +101,11 @@
 		height: 100%;
 		background-color: #EDEEF0;
 	}
-	.exit{
+	.return{
 		/* border: 2rpx solid #000; */
 		height: 10%;
 	}
-	.exit-btn{
+	.return-btn{
 		
 		width: 70rpx;
 		height: 70rpx;
@@ -119,8 +124,8 @@
 		margin-top: 100rpx;
 		margin-left: auto;
 		margin-right: auto;
-		width: 150rpx;
-		height: 150rpx;
+		width: 250rpx;
+		height: 250rpx;
 		border-radius: 50%;
 		background-size:100% 100%;
 		background-image:url("/static/my/main/head-portrait.png") ;
@@ -140,7 +145,7 @@
 		display: flex;
 		align-items: center;
 		width: 100%;
-		border-bottom: 1px solid #ccc;
+		/* border-bottom: 1px solid #ccc; */
 	}
 	.school{
 		
@@ -149,10 +154,12 @@
 		display: flex;
 		align-items: center;
 		width: 100%;
-		border-bottom: 1px solid #ccc;
+		border: none;
+		/* border-bottom: 1px solid #ccc; */
 	}
 	.seclect-school{
 		width: 73%;
+		border: 1px solid #ccc;
 	}
 	.tel{
 		
@@ -161,7 +168,11 @@
 		display: flex;
 		align-items: center;
 		width: 100%;
-		border-bottom: 1px solid #ccc;
+		/* border-bottom: 1px solid #ccc; */
+	}
+	.in{
+		height: 80rpx;
+		border: 1px solid #ccc;
 	}
 	.gender{
 		

teamwork/pages/my/my-resetpassword.vue

 <template>
 	<view class="main">
 		<view class="return">
-			<view class="return-btn"></view>
+			<view class="return-btn" @click="goBack"></view>
 		</view>
 		<view class="content">
 			<veiw class="password">
@@ -50,6 +50,11 @@
 					        }
 					    }
 					})
+				},
+				goBack(){
+					uni.navigateBack({
+							delta:1,//返回层数，2则上上页
+						})
 				}
 	        }	
 		}
@@ -73,19 +78,25 @@
 		background-repeat:no-repeat;
 	}
 	.content{
-		font-size: 25rpx;
-		width:70%;
+		
+		width:80%;
 		margin-top: 50%;
 		margin-left: auto;
 		margin-right: auto;
 	}
 	.password{
-		font-size: 25rpx;
+		
 		margin-top: 50rpx;
-		height: 15%;
+		height:20%;
 		display: flex;
 		align-items: center;
-		width: 100%;
+		
+		/* border-bottom: 1px solid #ccc; */
+	}
+	.password span{
+		font-size: 35rpx;
+	}
+	.password input{
 		border-bottom: 1px solid #ccc;
 	}
 	.confirm{

teamwork/pages/my/my-setting.vue

 <template>
 	<view class="main">
 		<view class="return">
-			<view class="return-btn"></view>
+			<view class="return-btn" @click="goBack"></view>
 		</view>
 		<view class="profile">
 			<view class="profile-title">
@@ -32,7 +32,7 @@
 		data() {
 			return {
 				profileContent:'      Must Go，本产品基于 Vue Uniapp开发，提供 Android 和iOS 端 APP，针对于“后疫情”时代的身体素质普遍下降的问题，恢复大学生们原有的朝气。该产品定位于帮助众多大学生，乃至更多青年人走出怠惰于运动的舒适圈，增强身体素质、培养积极向上的心理状态。通过该产品可以轻松且高效地搜集到周边、尤其是自身高校的赛事活动信息，及时报名参与，并突破现在运动类APP的圈子局限，不必局限于与远在天边的“朋友”分享运动成果，而可以召集小队发帖社交与近在咫尺的“队友”外出活动。',
-				aboutContent:'有问题或反馈请拨打\n我们的联系电话：18960545221'
+				aboutContent:'有问题或反馈请致电我们\n联系电话：18960545221'
 			}
 		},
 		methods:{
@@ -49,6 +49,11 @@
 						}
 					}
 				})
+			},
+			goBack(){
+				uni.navigateBack({
+						delta:1,//返回层数，2则上上页
+					})
 			}
 		}
 	}