修改

assets/img/riLine-edit-box-line.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="16" height="16" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M22.343 4l-2.667 2.667h-13.009v18.667h18.667v-13.009l2.667-2.667v17.009c0 0.736-0.597 1.333-1.333 1.333v0h-21.333c-0.736 0-1.333-0.597-1.333-1.333v0-21.333c0-0.736 0.597-1.333 1.333-1.333v0h17.009zM27.313 2.8l1.887 1.888-12.256 12.256-1.883 0.004-0.003-1.889 12.255-12.259z" fill="rgba(13.004999999999999,185.89499999999998,198.9,1)"></path>
+    </g>
+  </svg>

components/YouthTabbar.vue

@@ -0,0 +1,97 @@
+<template>
+	<view>
+		<u-tabbar v-model="myCurrent" :list="tabbarList" :before-switch="beforeSwitch" active-color="#0DBAC7">
+		</u-tabbar>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "YouthTabbar",
+		props: {
+			current: 0,
+			elderStatus: false
+		},
+		data() {
+			return {
+				activeColor: "#5098FF",
+				oldindex: this.current,
+				myCurrent: this.current,
+				tabbarList: [{
+
+						iconPath: "home",
+						selectedIconPath: "home-fill",
+						text: '主页 ',
+						pagePath2: "/pages/youth/homePage/homePage",
+					},
+					{
+						iconPath: "bookmark",
+						selectedIconPath: "bookmark-fill",
+						text: '课程',
+						pagePath2: "/pages/youth/course/course",
+					}, 
+					// {
+					// 	iconPath: "chat",
+					// 	selectedIconPath: "chat-fill",
+					// 	text: '消息',
+					// 	pagePath2: "/pages/parents/messageNotification/messageNotification",
+					// 	count: 99,
+					// 	isDot: false,
+					// 	customIcon: false,
+					// },
+					{
+						iconPath: "shopping-cart",
+						selectedIconPath: "shopping-cart-fill",
+						text: '购物车',
+						pagePath2: "/pages/youth/course/shoppingCar",
+					},
+					{
+						iconPath: "account",
+						selectedIconPath: "account-fill",
+						text: '我的',
+						pagePath2: "/pages/youth/mine/mine",
+					}
+				],
+			};
+
+		},
+		methods: {
+			setcount(c) {
+				this.myCurrent = c
+			},
+			beforeSwitch(index) {
+
+
+				if (index == this.current) {
+					return false
+				}
+				var url = this.tabbarList[index].pagePath2;
+
+				uni.navigateTo({
+					url: url
+				})
+				if (index == 1) {
+					this.myCurrent = this.oldindex;
+					return false;
+				} else {
+					return true;
+				}
+
+			},
+
+		},
+		mounted() {
+
+		},
+		destroyed() {
+
+		}
+
+
+	}
+</script>
+
+<style>
+
+</style>

pages.json

@@ -479,7 +479,312 @@
 				"enablePullDownRefresh": false
 			}
 
+		},
+		{
+			"path" : "pages/youth/login/login",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/classSchedule/classSchedule",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/classSchedule/classScheduleDetails",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/course/confirmOrder",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/course/course",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/course/courseDetails",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/course/coursePrediction",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/course/paymentDetail",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/course/paymentRecords",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/course/payResult",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/course/printBill",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/course/shoppingCar",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/course/viewBill",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/coursesLearned/coursesLearned",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/homePage/homePage",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/messageNotification/messageList",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/messageNotification/messageNotification",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/messageNotification/temperatureRecordDetails",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/changePhoneNumber/changePhoneNumber",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/changePhoneNumber/changeResult",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/addChildInformation",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/classRecord",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/editProfile",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/faceInformationCollection",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/logout",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/mine",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/myCourses",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/opinion",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/optionsList",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/mine/relatedChildren",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/search/search",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/search/searchResult",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/sickNote/leave",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/sickNote/leaveDetails",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/sickNote/sickNote",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/sighInRecord/sighInRecord",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/studentDocument/studentDocument",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/youth/teacherHomepage/teacherHomepage",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
 		}
+		
 	],
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏

pages/parents/course/confirmOrder.vue

@@ -349,8 +349,8 @@
 		padding: 24rpx 32rpx;
 		background-color: #fff;
 		display: flex;
-		border-radius: 8px;
-		margin: 24rpx;
+		border-radius: 8px 8px 0 0;
+		margin: 24rpx 24rpx 0;
 
 		.picture {
 			width: 160rpx;
@@ -461,7 +461,8 @@
 	.student-infos {
 		padding: 0px 30rpx;
 		background-color: #fff;
-
+        margin: 0 24rpx;
+		border-radius: 0 0 8px 8px;
 
 		.item {
 			display: flex;

pages/parents/login/login.vue

@@ -315,6 +315,7 @@
 
 		.text {
 			line-height: 20px;
+			color: #999999;
 		}
 	}
 

pages/youth/course/confirmOrder.vue

@@ -31,7 +31,7 @@
 			<view class="student-infos">
 				<view class="item">
 					<view class="title">
-						<text>学生信息</text>
+						<text>学员信息</text>
 					</view>
 					<view class="value" @click="selectStudent(index)">
 						<text>{{item.studentName}}</text>
@@ -47,7 +47,7 @@
 						<text>{{item.firstContactPhone}}</text>
 					</view>
 				</view>
-				<view class="item">
+				<!-- <view class="item">
 					<view class="title">
 						<text>第二联系人手机号</text>
 					</view>
@@ -57,8 +57,8 @@
 						</text>
 						<text class="icon"><u-icon name="arrow-right" color="#c8c8c8"></u-icon></text>
 					</view>
-				</view>
-				<view class="item">
+				</view> -->
+				<!-- <view class="item">
 					<view class="title">
 						<text>接送家长姓名</text>
 					</view>
@@ -68,7 +68,7 @@
 						</text>
 						<text class="icon"><u-icon name="arrow-right" color="#c8c8c8"></u-icon></text>
 					</view>
-				</view>
+				</view> -->
 			</view>
 		</view>
 		<u-select v-model="show" mode="single-column" :list="studentList" @confirm="confirm"></u-select>
@@ -349,8 +349,8 @@
 		padding: 24rpx 32rpx;
 		background-color: #fff;
 		display: flex;
-		border-radius: 8px;
-		margin: 24rpx;
+		border-radius: 8px 8px 0 0;
+		margin: 24rpx 24rpx 0;
 
 		.picture {
 			width: 160rpx;
@@ -461,7 +461,8 @@
 	.student-infos {
 		padding: 0px 30rpx;
 		background-color: #fff;
-
+        margin: 0 24rpx;
+		border-radius: 0 0 8px 8px;
 
 		.item {
 			display: flex;

pages/youth/course/course.vue

@@ -84,18 +84,18 @@
 			</view>
 		</view>
 
-		<ParentsTabbar :current="1" ref="tabbarMain"></ParentsTabbar>
+		<YouthTabbar :current="1" ref="tabbarMain"></YouthTabbar>
 	</view>
 </template>
 
 <script>
 	import * as courseApi from '@/apis/youth/course.js'
 	import * as homePageApi from '@/apis/youth/homePage.js'
-	import ParentsTabbar from '@/components/ParentsTabbar.vue'
+	import YouthTabbar from '@/components/YouthTabbar.vue'
 
 	export default {
 		components: {
-			ParentsTabbar
+			YouthTabbar
 		},
 		data() {
 			return {

pages/youth/course/courseDetails.vue

@@ -222,7 +222,7 @@
 							</view>
 							
 							<!-- 报名学生 -->
-							<view class="apply-student">
+							<!-- <view class="apply-student">
 								<view class="title">
 									报名学生
 								</view>
@@ -249,7 +249,7 @@
 										</view>
 									</view>
 								</view>
-							</view>
+							</view> -->
 						
 						  <!-- 加入购物车 -->
 						  <view class="btn-box">

pages/youth/course/shoppingCar.vue

@@ -137,7 +137,7 @@
 						</view>
 					</view>
 					<!-- 报名学生 -->
-					<view class="apply-student">
+					<!-- <view class="apply-student">
 						<view class="title">
 							报名学生
 						</view>
@@ -164,7 +164,7 @@
 								</view>
 							</view>
 						</view>
-					</view>
+					</view> -->
 					<!-- 加入购物车 -->
 					<view class="btn-box">
 						<button class="add" @click="confirmShop">确 认</button>
@@ -175,7 +175,7 @@
 			</u-popup>
 		</view>
 
-		<ParentsTabbar :current="2" ref="tabbarMain"></ParentsTabbar>
+		<YouthTabbar :current="2" ref="tabbarMain"></YouthTabbar>
 	</view>
 </template>
 
@@ -183,11 +183,11 @@
 	import * as mineApi from '@/apis/youth/mine.js'
 	import * as courseApi from '@/apis/youth/course.js'
 	import * as shoppingCarApi from '@/apis/youth/shoppingCar.js'
-	import ParentsTabbar from '@/components/ParentsTabbar.vue'
+	import YouthTabbar from '@/components/YouthTabbar.vue'
 
 	export default {
 		components: {
-			ParentsTabbar
+			YouthTabbar
 		},
 		data() {
 			return {

pages/youth/homePage/homePage.vue

@@ -211,18 +211,18 @@
 			</view>
 			<u-divider v-if="reCoursesList.length == recordsTotal && recordsTotal != 0" style="margin-top: 10px">没有更多了</u-divider>
 		</view> -->
-		<ParentsTabbar :current="0" ref="tabbarMain"></ParentsTabbar>
+		<YouthTabbar :current="0" ref="tabbarMain"></YouthTabbar>
 	</view>
 </template>
 
 <script>
 	import * as homePageApi from '@/apis/youth/homePage.js'
 	import * as mineApi from '@/apis/youth/mine.js'
-	import ParentsTabbar from '@/components/ParentsTabbar.vue'
+	import YouthTabbar from '@/components/YouthTabbar.vue'
 
 	export default {
 		components: {
-			ParentsTabbar
+			YouthTabbar
 		},
 		data() {
 			return {

pages/youth/login/login.vue

@@ -1,3 +1,25 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
 <template>
 	<view>
 		<u-navbar title="" back-icon-size="24"></u-navbar>
@@ -5,7 +27,7 @@
 			手机号注册/登录
 		</view>
 		<view class="welcome">
-			欢迎来到青少年宫启航教培管家
+			欢迎来到青少年宫青年夜校
 		</view>
 
 		<!-- 登录框-->
@@ -315,6 +337,7 @@
 
 		.text {
 			line-height: 20px;
+			color: #999999;
 		}
 	}
 

pages/youth/mine/editProfile.vue

@@ -19,13 +19,24 @@
 		
 		<view class="pet-name">
 			<view class="title">
-				昵称
+				学员姓名
 			</view>
 			<view class="name">
 				<input type="text" name="" id="" v-model="form.nickName" style="text-align: right;">
 			</view>
 			
 		</view>
+		<view class="pet-name">
+			<view class="title">
+				手机号码
+			</view>
+			<view class="name">
+				<input type="text" name="" id=""  style="text-align: right;">
+				
+				<image class="img" src="@/assets/img/riLine-edit-box-line.svg" mode=""></image>
+			</view>
+			
+		</view>
 		
 	</view>
 </template>
@@ -218,6 +229,13 @@
 	   }
 	   .name{
 		   color: rgba(136, 136, 136, 1);
+		   display: flex;
+		   align-items: center;
+		   .img{
+			   width: 32rpx;
+			   height: 32rpx;
+			   margin-left: 8rpx;
+		   }
 	   }
    }
 </style>

pages/youth/mine/mine.vue

@@ -1,595 +1,588 @@
-<template>
-	<view>
-		<view class="head" @click="toEditProfile">
-			<view class="photo">
-				<u-avatar class="avatar"
-					:src="form.headImg != null ? form.headImg : '../../assets/img/head.png'" size="112">
-				</u-avatar>
-			</view>
-			<view class="infos">
-				<view class="name">
-					{{form.nickName}}
-				</view>
-				<view class="modification">
-					点击修改个人信息
-				</view>
-			</view>
-		</view>
-
-		<view class="my-children">
-			<view class="top">
-				<view class="text">
-					我的子女
-				</view>
-				<view class="add" @click="toAddChildInformation()">
-					添加
-				</view>
-			</view>
-
-
-			<view class="children" v-if="studentList.length != 0">
-				<view class="check-box" v-for="(item,index) in studentList" :key="item.studentId">
-					<view class="photo" @click="toAddChildInformation(item)">
-						<u-avatar class="avatar"
-							:src="item.headPhoto != null ? item.headPhoto : '../../assets/img/head.png'" size="80">
-						</u-avatar>
-					</view>
-					<view class="infos" @click="toAddChildInformation(item)">
-						<view class="name">
-							{{item.studentName}}
-						</view>
-						<view class="age">
-							{{item.age}}岁
-						</view>
-					</view>
-					<view class="radio">
-						<u-radio-group v-model="studentId" size="40rpx">
-							<u-radio @change="radioChange" :key="item.studentId" :name="item.studentId"></u-radio>
-						</u-radio-group>
-					</view>
-				</view>
-			</view>
-
-		</view>
-
-		<view class="class-times">
-			<!-- <view class="box">
-				<view class="times">
-					36节
-				</view>
-				<view class="text">
-					购买课次
-				</view>
-			</view>
-			<u-line direction="col" color="rgba(232, 232, 232, 1)" length="80rpx" margin="auto 0"></u-line>
-			<view class="box">
-				<view class="times">
-					4节
-				</view>
-				<view class="text">
-					赠送课次
-				</view>
-			</view> -->
-		</view>
-
-		<view class="option-group">
-			<!-- <view class="item">
-				<view class="title">
-					<view class="icon">
-						<img src="../../../assets/img/riLine-user-smile-line@1x.png" alt="">
-					</view>
-					<view class="text">
-						人脸信息采集
-					</view>
-				</view>
-
-				<view class="value">
-					<view class="text">
-					</view>
-					<view class="icon">
-						<u-icon name="arrow-right" color="#cccccc"></u-icon>
-					</view>
-				</view>
-			</view> -->
-			<view class="item" @click="gotoUrl('pages/parents/mine/changePhoneNumber/changePhoneNumber')">
-				<view class="title">
-					<view class="icon">
-						<img src="../../../assets/img/riLine-smartphone-line@1x(1).png" alt="">
-					</view>
-					<view class="text">
-						绑定手机
-					</view>
-				</view>
-
-				<view class="value">
-					<view class="text">
-						{{form.phone.slice(0,3) + '****' + form.phone.slice(-4)}}
-					</view>
-					<view class="icon">
-						<u-icon name="arrow-right" color="#cccccc"></u-icon>
-					</view>
-				</view>
-			</view>
-			<view class="item" @click="gotoUrl('pages/parents/mine/optionsList')">
-				<view class="title">
-					<view class="icon">
-						<img src="../../../assets/img/riLine-file-edit-line@1x.png" alt="">
-					</view>
-					<view class="text">
-						意见反馈
-					</view>
-				</view>
-
-				<view class="value">
-					<view class="icon">
-						<u-icon name="arrow-right" color="#cccccc"></u-icon>
-					</view>
-				</view>
-			</view>
-			<view class="item">
-				<view class="title">
-					<view class="icon">
-						<img src="../../../assets/img/riLine-customer-service-2-line@1x.png" alt="">
-					</view>
-					<view class="text">
-						联系我们
-					</view>
-				</view>
-
-				<view class="value">
-					<view class="text">
-						0716-8888888
-					</view>
-					<view class="icon">
-						<u-icon name="arrow-right" color="#cccccc"></u-icon>
-					</view>
-				</view>
-			</view>
-			<view class="item" @click="gotoUrl('pages/parents/mine/logout')">
-				<view class="title">
-					<view class="icon">
-						<img src="../../../assets/img/riLine-spam-3-line@1x.png" alt="">
-					</view>
-					<view class="text">
-						注销账号
-					</view>
-				</view>
-
-				<view class="value">
-					<view class="text">
-						注销后无法恢复，请谨慎操作
-					</view>
-					<view class="icon">
-						<u-icon name="arrow-right" color="#cccccc"></u-icon>
-					</view>
-				</view>
-			</view>
-
-			<view class="item" @click="signOut">
-				<view class="title">
-					<view class="icon">
-						<img src="../../../assets/img/riLine-logout-box-r-line@1x(1).png" alt="">
-					</view>
-					<view class="text">
-						退出账号
-					</view>
-				</view>
-
-				<view class="value">
-					<view class="text">
-
-					</view>
-					<view class="icon">
-						<u-icon name="arrow-right" color="#cccccc"></u-icon>
-					</view>
-				</view>
-			</view>
-			<u-modal v-model="show" @confirm="confirm" confirm-color="#FF3D00" :show-cancel-button="true"
-				ref="uModal" :asyncClose="true" :title="title" :content="content"
-				:content-style="{color: '#333333'}"></u-modal>
-
-		</view>
-
-
-		<ParentsTabbar :current="3" ref="tabbarMain"></ParentsTabbar>
-	</view>
-</template>
-
-<script>
-	import * as mineApi from '@/apis/youth/mine.js'
-	import * as loginApi from '@/apis/login.js'
-	import * as API from '@/apis/index.js'
-	import ParentsTabbar from '@/components/ParentsTabbar.vue'
-
-	export default {
-		components: {
-			ParentsTabbar
-		},
-		data() {
-			return {
-				form: {
-					id: '',
-					headImg: '',
-					nickName: '',
-					phone: ''
-				},
-				show: false,
-				title: '退出账号',
-				content: '是否退出当前账号?',
-				studentList: [],
-				studentId: '',
-			}
-		},
-		onShow() {
-			this.getParentsInfo();
-			this.getStudentList();
-		},
-		onReady() {
-			if(this.carhelp.getStudentId()) {
-				this.studentId = this.carhelp.getStudentId().studentId;
-			} 
-		},
-		methods: {
-			radioChange(e) {
-				this.carhelp.setStudentId({studentId: e});
-				this.studentId = e;
-			},
-			toAddChildInformation(item) {
-				if(this.form.id) {
-					if(item) {
-						uni.navigateTo({
-							url: '/pages/parents/mine/addChildInformation?id=' + item.studentId
-						})
-					} else {
-						uni.navigateTo({
-							url: '/pages/parents/mine/addChildInformation'
-						})
-					}
-				}else {
-					uni.navigateTo({
-						url: '/pages/parents/login/login'
-					})
-				}
-				
-			},
-			getAge(str) {
-				var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
-				if (r == null) return false;
-				var d = new Date(r[1], r[3] - 1, r[4]);
-				if (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4]) {
-					var date = new Date();
-					var Y = date.getFullYear() - r[1];
-					var M = date.getMonth() + 1 - r[3];
-					var D = date.getDate();
-					if (parseInt(D) - parseInt(r[4]) < 0) {
-						M--;
-						if (M < 0) {
-							Y--;
-							M = 11;
-						}
-					}
-					if (M < 0) {
-						Y--;
-						M = 11;
-					}
-					if(Y != 0 && M != 0) {
-						return (Y + "岁" + M + "个月");
-					}else if(Y != 0 && M == 0) {
-						return (Y + "岁");
-					}else {
-						return (M + "个月");
-					}
-				}
-				return ("输入的日期格式错误！");
-			},
-			getParentsInfo() {
-				uni.showLoading({
-					title: "加载中",
-					mask: true,
-				})
-				loginApi.findByOpenId({
-					openId: this.carhelp.getOpenId()
-				}).then((response) => {
-					uni.hideLoading();
-					this.form = response.data.regUser;
-				}).catch(error => {
-					uni.showToast({
-						title: error,
-						icon: "none"
-					})
-				})
-			},
-			getStudentList() {
-				uni.showLoading({
-					title: "加载中",
-					mask: true,
-				})
-				mineApi.studentList().then((res) => {
-					uni.hideLoading();
-					this.studentList = res.data.studentList;
-					if(this.studentList.length == 1) {
-						this.carhelp.setStudentId({studentId: this.studentList[0].studentId});
-					}
-				}).catch(error => {
-					uni.showToast({
-						title: error,
-						icon: "none"
-					})
-				})
-			},
-			signOut() {
-				this.show = true;
-			},
-			confirm() {
-				uni.showLoading({
-					title: "加载中",
-					mask: true,
-				})
-				API.logout().then((res) => {
-					uni.hideLoading();
-					this.show = false;
-					this.carhelp.logoff()
-					uni.reLaunch({
-						url: '/pages/parents/login/login'
-					})
-				}).catch(error => {
-					uni.showToast({
-						title: error,
-						icon: "none"
-					})
-				})
-			},
-			toEditProfile() {
-				if (this.form.id) {
-					uni.navigateTo({
-						url: '/pages/parents/mine/editProfile'
-					})
-				} else{
-					uni.navigateTo({
-						url: '/pages/parents/login/login'
-					})
-				}
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.head {
-		padding: 48rpx 40rpx;
-		display: flex;
-		align-items: center;
-
-		.photo {
-			width: 120rpx;
-			height: 120rpx;
-			border-radius: 100rpx;
-			border: 4rpx solid rgba(255, 255, 255, 1);
-			overflow: hidden;
-
-			img {
-				width: 100%;
-				height: 100%;
-			}
-		}
-
-		.infos {
-			margin-left: 32rpx;
-
-			.name {
-				color: rgba(51, 51, 51, 1);
-				font-size: 20px;
-				line-height: 20px;
-				font-weight: bold;
-			}
-
-			.modification {
-				color: rgba(119, 119, 119, 1);
-				font-size: 24rpx;
-				line-height: 24rpx;
-				margin-top: 16rpx;
-			}
-		}
-	}
-
-
-	.my-children {
-		margin: 0 32rpx;
-		padding: 32rpx 24rpx;
-		border-radius: 12px;
-		background: linear-gradient(90deg, rgba(13, 186, 199, 1) 0%, rgba(37, 209, 146, 1) 100%);
-
-		.top {
-			display: flex;
-			justify-content: space-between;
-
-			.text {
-				color: rgba(255, 255, 255, 1);
-				font-size: 18px;
-			}
-
-			.add {
-				width: 120rpx;
-				line-height: 28px;
-				border-radius: 50px;
-				background-color: rgba(255, 174, 0, 1);
-				color: rgba(255, 255, 255, 1);
-				font-size: 28rpx;
-				text-align: center;
-			}
-		}
-
-		.children {
-			margin-top: 12px;
-			border-radius: 16rpx;
-			background-color: rgba(255, 255, 255, 1);
-			padding: 24rpx 24rpx 8rpx 24rpx;
-			display: -webkit-box;
-
-			overflow-x: auto;
-
-			position: relative;
-
-			.check-box {
-				width: 48%;
-				padding: 16rpx 40rpx 16rpx 16rpx;
-				border-radius: 100rpx;
-				background-color: rgba(13, 186, 199, 0.1);
-				border: 1px solid rgba(13, 186, 199, 0.5);
-				display: flex;
-				position: relative;
-				margin-right: 24rpx;
-				margin-bottom: 16rpx;
-
-				.photo {
-					width: 80rpx;
-					height: 80rpx;
-					border-radius: 100rpx;
-					overflow: hidden;
-
-					img {
-						width: 100%;
-						height: 100%;
-					}
-				}
-
-				@media screen and(max-width:320px) {
-					.photo {
-						width: 70rpx;
-						height: 70rpx;
-						border-radius: 999rpx;
-						overflow: hidden;
-
-						img {
-							width: 100%;
-							height: 100%;
-							vertical-align: middle;
-						}
-					}
-				}
-
-				.infos {
-					margin-left: 16rpx;
-
-					.name {
-						width: 96rpx;
-						overflow: hidden;
-						white-space: nowrap;
-						text-overflow: ellipsis;
-						color: rgba(51, 51, 51, 1);
-						font-size: 32rpx;
-						line-height: 48rpx;
-					}
-
-					.age {
-						color: rgba(119, 119, 119, 1);
-						font-size: 24rpx;
-						line-height: 28rpx;
-					}
-				}
-
-				.radio {
-					position: absolute;
-					bottom: -2rpx;
-					right: -40rpx;
-					
-
-					/deep/.uni-radio-input {
-						width: 40rpx;
-						height: 40rpx;
-						background-color: rgba(221, 241, 242, 1);
-					}
-
-					/deep/.uni-radio-input-checked {
-						background-color: #43C9D3 !important;
-						border-color: #43C9D3 !important;
-					}
-
-				}
-				
-				/deep/.u-radio__icon-wrap {
-					background-color: rgba(221, 241, 242, 1);
-				}
-			}
-
-			@media screen and(max-width:320px) {
-				.check-box {
-					margin-right: 16rpx;
-				}
-			}
-		}
-
-		.children::-webkit-scrollbar {
-			display: none;
-		}
-	}
-
-	.class-times {
-		// border-radius: 12px;
-		// background-color: rgba(255, 255, 255, 1);
-		// display: flex;
-		// padding: 20px 0;
-		margin: 12px 16px;
-
-		.box {
-			width: 50%;
-			text-align: center;
-
-			.times {
-				color: rgba(51, 51, 51, 1);
-				font-size: 20px;
-				font-weight: bold;
-
-			}
-
-			.text {
-				color: rgba(119, 119, 119, 1);
-				font-size: 14px;
-				margin-top: 8px;
-			}
-		}
-	}
-
-	.option-group {
-		margin: 0 32rpx;
-		background-color: #fff;
-		border-radius: 12px;
-
-		.item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			padding: 24rpx;
-			border-bottom: 1px solid rgba(244, 244, 244, 1);
-
-			.title {
-				display: flex;
-				align-items: center;
-
-				img {
-					vertical-align: middle;
-				}
-
-				.text {
-					margin-left: 16rpx;
-					color: rgba(119, 119, 119, 1);
-					font-size: 28rpx
-				}
-			}
-
-			.value {
-				display: flex;
-				align-items: center;
-
-				.icon {
-					margin-left: 16rpx;
-				}
-
-				.text {
-					color: rgba(119, 119, 119, 1);
-					font-size: 24rpx;
-				}
-			}
-		}
-	}
-</style>
+<template>
+	<view>
+		<view class="background">
+			<view class="head" @click="toEditProfile">
+				<view class="photo">
+					<u-avatar class="avatar"
+						:src="form.headImg != null ? form.headImg : '../../assets/img/head.png'" size="112">
+					</u-avatar>
+				</view>
+				<view class="infos">
+					<view class="name">
+						{{form.nickName}}
+					</view>
+					<view class="modification">
+						点击修改个人信息
+					</view>
+				</view>
+				
+				
+			</view>
+			<view class="class-times">
			<view class="box">
				<view class="times">
					36节
				</view>
				<view class="text">
					购买课次
				</view>
			</view>
			<u-line direction="col" color="rgba(232, 232, 232, 1)" length="80rpx" margin="auto 0"></u-line>
			<view class="box">
				<view class="times">
					4节
				</view>
				<view class="text">
					赠送课次
				</view>
			</view>
		</view>
+		</view>
+		
+
+		<!-- <view class="my-children">
+			<view class="top">
+				<view class="text">
+					我的子女
+				</view>
+				<view class="add" @click="toAddChildInformation()">
+					添加
+				</view>
+			</view>
+
+
+			<view class="children" v-if="studentList.length != 0">
+				<view class="check-box" v-for="(item,index) in studentList" :key="item.studentId">
+					<view class="photo" @click="toAddChildInformation(item)">
+						<u-avatar class="avatar"
+							:src="item.headPhoto != null ? item.headPhoto : '../../assets/img/head.png'" size="80">
+						</u-avatar>
+					</view>
+					<view class="infos" @click="toAddChildInformation(item)">
+						<view class="name">
+							{{item.studentName}}
+						</view>
+						<view class="age">
+							{{item.age}}岁
+						</view>
+					</view>
+					<view class="radio">
+						<u-radio-group v-model="studentId" size="40rpx">
+							<u-radio @change="radioChange" :key="item.studentId" :name="item.studentId"></u-radio>
+						</u-radio-group>
+					</view>
+				</view>
+			</view>
+
+		</view> -->
+
+		
+
+		<view class="option-group">
+			<!-- <view class="item">
+				<view class="title">
+					<view class="icon">
+						<img src="../../../assets/img/riLine-user-smile-line@1x.png" alt="">
+					</view>
+					<view class="text">
+						人脸信息采集
+					</view>
+				</view>
+
+				<view class="value">
+					<view class="text">
+					</view>
+					<view class="icon">
+						<u-icon name="arrow-right" color="#cccccc"></u-icon>
+					</view>
+				</view>
+			</view> -->
+			<view class="item" @click="gotoUrl('pages/parents/mine/changePhoneNumber/changePhoneNumber')">
+				<view class="title">
+					<view class="icon">
+						<img src="../../../assets/img/riLine-smartphone-line@1x(1).png" alt="">
+					</view>
+					<view class="text">
+						绑定手机
+					</view>
+				</view>
+
+				<view class="value">
+					<view class="text">
+						{{form.phone.slice(0,3) + '****' + form.phone.slice(-4)}}
+					</view>
+					<view class="icon">
+						<u-icon name="arrow-right" color="#cccccc"></u-icon>
+					</view>
+				</view>
+			</view>
+			<view class="item" @click="gotoUrl('pages/parents/mine/optionsList')">
+				<view class="title">
+					<view class="icon">
+						<img src="../../../assets/img/riLine-file-edit-line@1x.png" alt="">
+					</view>
+					<view class="text">
+						意见反馈
+					</view>
+				</view>
+
+				<view class="value">
+					<view class="icon">
+						<u-icon name="arrow-right" color="#cccccc"></u-icon>
+					</view>
+				</view>
+			</view>
+			<view class="item">
+				<view class="title">
+					<view class="icon">
+						<img src="../../../assets/img/riLine-customer-service-2-line@1x.png" alt="">
+					</view>
+					<view class="text">
+						联系我们
+					</view>
+				</view>
+
+				<view class="value">
+					<view class="text">
+						0716-8888888
+					</view>
+					<view class="icon">
+						<u-icon name="arrow-right" color="#cccccc"></u-icon>
+					</view>
+				</view>
+			</view>
+			<view class="item" @click="gotoUrl('pages/parents/mine/logout')">
+				<view class="title">
+					<view class="icon">
+						<img src="../../../assets/img/riLine-spam-3-line@1x.png" alt="">
+					</view>
+					<view class="text">
+						注销账号
+					</view>
+				</view>
+
+				<view class="value">
+					<view class="text">
+						注销后无法恢复，请谨慎操作
+					</view>
+					<view class="icon">
+						<u-icon name="arrow-right" color="#cccccc"></u-icon>
+					</view>
+				</view>
+			</view>
+
+			<view class="item" @click="signOut">
+				<view class="title">
+					<view class="icon">
+						<img src="../../../assets/img/riLine-logout-box-r-line@1x(1).png" alt="">
+					</view>
+					<view class="text">
+						退出账号
+					</view>
+				</view>
+
+				<view class="value">
+					<view class="text">
+
+					</view>
+					<view class="icon">
+						<u-icon name="arrow-right" color="#cccccc"></u-icon>
+					</view>
+				</view>
+			</view>
+			<u-modal v-model="show" @confirm="confirm" confirm-color="#FF3D00" :show-cancel-button="true"
+				ref="uModal" :asyncClose="true" :title="title" :content="content"
+				:content-style="{color: '#333333'}"></u-modal>
+
+		</view>
+
+
+		<YouthTabbar :current="3" ref="tabbarMain"></YouthTabbar>
+	</view>
+</template>
+
+<script>
+	import * as mineApi from '@/apis/youth/mine.js'
+	import * as loginApi from '@/apis/login.js'
+	import * as API from '@/apis/index.js'
+	import YouthTabbar from '@/components/YouthTabbar.vue'
+
+	export default {
+		components: {
+			YouthTabbar
+		},
+		data() {
+			return {
+				form: {
+					id: '',
+					headImg: '',
+					nickName: '',
+					phone: ''
+				},
+				show: false,
+				title: '退出账号',
+				content: '是否退出当前账号?',
+				studentList: [],
+				studentId: '',
+			}
+		},
+		onShow() {
+			this.getParentsInfo();
+			this.getStudentList();
+		},
+		onReady() {
+			if(this.carhelp.getStudentId()) {
+				this.studentId = this.carhelp.getStudentId().studentId;
+			} 
+		},
+		methods: {
+			radioChange(e) {
+				this.carhelp.setStudentId({studentId: e});
+				this.studentId = e;
+			},
+			toAddChildInformation(item) {
+				if(this.form.id) {
+					if(item) {
+						uni.navigateTo({
+							url: '/pages/parents/mine/addChildInformation?id=' + item.studentId
+						})
+					} else {
+						uni.navigateTo({
+							url: '/pages/parents/mine/addChildInformation'
+						})
+					}
+				}else {
+					uni.navigateTo({
+						url: '/pages/parents/login/login'
+					})
+				}
+				
+			},
+			getAge(str) {
+				var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
+				if (r == null) return false;
+				var d = new Date(r[1], r[3] - 1, r[4]);
+				if (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4]) {
+					var date = new Date();
+					var Y = date.getFullYear() - r[1];
+					var M = date.getMonth() + 1 - r[3];
+					var D = date.getDate();
+					if (parseInt(D) - parseInt(r[4]) < 0) {
+						M--;
+						if (M < 0) {
+							Y--;
+							M = 11;
+						}
+					}
+					if (M < 0) {
+						Y--;
+						M = 11;
+					}
+					if(Y != 0 && M != 0) {
+						return (Y + "岁" + M + "个月");
+					}else if(Y != 0 && M == 0) {
+						return (Y + "岁");
+					}else {
+						return (M + "个月");
+					}
+				}
+				return ("输入的日期格式错误！");
+			},
+			getParentsInfo() {
+				uni.showLoading({
+					title: "加载中",
+					mask: true,
+				})
+				loginApi.findByOpenId({
+					openId: this.carhelp.getOpenId()
+				}).then((response) => {
+					uni.hideLoading();
+					this.form = response.data.regUser;
+				}).catch(error => {
+					uni.showToast({
+						title: error,
+						icon: "none"
+					})
+				})
+			},
+			getStudentList() {
+				uni.showLoading({
+					title: "加载中",
+					mask: true,
+				})
+				mineApi.studentList().then((res) => {
+					uni.hideLoading();
+					this.studentList = res.data.studentList;
+					if(this.studentList.length == 1) {
+						this.carhelp.setStudentId({studentId: this.studentList[0].studentId});
+					}
+				}).catch(error => {
+					uni.showToast({
+						title: error,
+						icon: "none"
+					})
+				})
+			},
+			signOut() {
+				this.show = true;
+			},
+			confirm() {
+				uni.showLoading({
+					title: "加载中",
+					mask: true,
+				})
+				API.logout().then((res) => {
+					uni.hideLoading();
+					this.show = false;
+					this.carhelp.logoff()
+					uni.reLaunch({
+						url: '/pages/parents/login/login'
+					})
+				}).catch(error => {
+					uni.showToast({
+						title: error,
+						icon: "none"
+					})
+				})
+			},
+			toEditProfile() {
+				if (this.form.id) {
+					uni.navigateTo({
+						url: '/pages/parents/mine/editProfile'
+					})
+				} else{
+					uni.navigateTo({
+						url: '/pages/parents/login/login'
+					})
+				}
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.background{
+		height: 500rpx;
+		background: linear-gradient(180.17deg, rgba(123,217,224,1) 0.45%,rgba(13,186,199,0) 101.25%);
+	}
+	.head {
+		padding: 48rpx 40rpx;
+		display: flex;
+		align-items: center;
+		
+
+		.photo {
+			width: 120rpx;
+			height: 120rpx;
+			border-radius: 100rpx;
+			border: 4rpx solid rgba(255, 255, 255, 1);
+			overflow: hidden;
+
+			img {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.infos {
+			margin-left: 32rpx;
+
+			.name {
+				color: rgba(51, 51, 51, 1);
+				font-size: 20px;
+				line-height: 20px;
+				font-weight: bold;
+			}
+
+			.modification {
+				color: rgba(119, 119, 119, 1);
+				font-size: 24rpx;
+				line-height: 24rpx;
+				margin-top: 16rpx;
+			}
+		}
+	}
+
+
+	.my-children {
+		margin: 0 32rpx;
+		padding: 32rpx 24rpx;
+		border-radius: 12px;
+		background: linear-gradient(90deg, rgba(13, 186, 199, 1) 0%, rgba(37, 209, 146, 1) 100%);
+
+		.top {
+			display: flex;
+			justify-content: space-between;
+
+			.text {
+				color: rgba(255, 255, 255, 1);
+				font-size: 18px;
+			}
+
+			.add {
+				width: 120rpx;
+				line-height: 28px;
+				border-radius: 50px;
+				background-color: rgba(255, 174, 0, 1);
+				color: rgba(255, 255, 255, 1);
+				font-size: 28rpx;
+				text-align: center;
+			}
+		}
+
+		.children {
+			margin-top: 12px;
+			border-radius: 16rpx;
+			background-color: rgba(255, 255, 255, 1);
+			padding: 24rpx 24rpx 8rpx 24rpx;
+			display: -webkit-box;
+
+			overflow-x: auto;
+
+			position: relative;
+
+			.check-box {
+				width: 48%;
+				padding: 16rpx 40rpx 16rpx 16rpx;
+				border-radius: 100rpx;
+				background-color: rgba(13, 186, 199, 0.1);
+				border: 1px solid rgba(13, 186, 199, 0.5);
+				display: flex;
+				position: relative;
+				margin-right: 24rpx;
+				margin-bottom: 16rpx;
+
+				.photo {
+					width: 80rpx;
+					height: 80rpx;
+					border-radius: 100rpx;
+					overflow: hidden;
+
+					img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+
+				@media screen and(max-width:320px) {
+					.photo {
+						width: 70rpx;
+						height: 70rpx;
+						border-radius: 999rpx;
+						overflow: hidden;
+
+						img {
+							width: 100%;
+							height: 100%;
+							vertical-align: middle;
+						}
+					}
+				}
+
+				.infos {
+					margin-left: 16rpx;
+
+					.name {
+						width: 96rpx;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						color: rgba(51, 51, 51, 1);
+						font-size: 32rpx;
+						line-height: 48rpx;
+					}
+
+					.age {
+						color: rgba(119, 119, 119, 1);
+						font-size: 24rpx;
+						line-height: 28rpx;
+					}
+				}
+
+				.radio {
+					position: absolute;
+					bottom: -2rpx;
+					right: -40rpx;
+					
+
+					/deep/.uni-radio-input {
+						width: 40rpx;
+						height: 40rpx;
+						background-color: rgba(221, 241, 242, 1);
+					}
+
+					/deep/.uni-radio-input-checked {
+						background-color: #43C9D3 !important;
+						border-color: #43C9D3 !important;
+					}
+
+				}
+				
+				/deep/.u-radio__icon-wrap {
+					background-color: rgba(221, 241, 242, 1);
+				}
+			}
+
+			@media screen and(max-width:320px) {
+				.check-box {
+					margin-right: 16rpx;
+				}
+			}
+		}
+
+		.children::-webkit-scrollbar {
+			display: none;
+		}
+	}
+
+	.class-times {
+		border-radius: 12px;
+		background-color: rgba(255, 255, 255, 1);
+		display: flex;
+		padding: 40rpx 0;
+		margin: 0 32rpx 24rpx;
+
+		.box {
+			width: 50%;
+			text-align: center;
+
+			.times {
+				color: rgba(51, 51, 51, 1);
+				font-size: 20px;
+				font-weight: bold;
+
+			}
+
+			.text {
+				color: rgba(119, 119, 119, 1);
+				font-size: 14px;
+				margin-top: 8px;
+			}
+		}
+	}
+
+	.option-group {
+		margin: -80rpx 32rpx 0;
+		background-color: #fff;
+		border-radius: 12px;
+
+		.item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 24rpx;
+			border-bottom: 1px solid rgba(244, 244, 244, 1);
+
+			.title {
+				display: flex;
+				align-items: center;
+
+				img {
+					vertical-align: middle;
+				}
+
+				.text {
+					margin-left: 16rpx;
+					color: rgba(119, 119, 119, 1);
+					font-size: 28rpx
+				}
+			}
+
+			.value {
+				display: flex;
+				align-items: center;
+
+				.icon {
+					margin-left: 16rpx;
+				}
+
+				.text {
+					color: rgba(119, 119, 119, 1);
+					font-size: 24rpx;
+				}
+			}
+		}
+	}
+</style>