修改首页页面样式，添加个人中心入口

pages.json

@@ -204,40 +204,41 @@
 			"navigationBarBackgroundColor": "#F1F1F1"
 		}
 
-	},
-	"tabBar": {
-		"color": "#7A7E83",
-		"selectedColor": "#007AFF",
-		"borderStyle": "black",
-		"backgroundColor": "#F8F8F8",
-		"list": [{
-				"pagePath": "pages/pages_zhentou/homePage/homePage",
-				// "iconPath": "static/component.png",
-				// "selectedIconPath": "static/componentHL.png",
-				"text": "首页"
-			},
-			// {
-			// 	"pagePath": "pages/tabBar/form/form",
-			// 	"iconPath": "static/api.png",
-			// 	"selectedIconPath": "static/apiHL.png",
-			// 	"text": "自定义表单"
-			// },
-			{
-				"pagePath": "pages/pages_zhentou/order/order",
-				// "iconPath": "static/api.png",
-				// "selectedIconPath": "static/apiHL.png",
-				"text": "订单"
-			}, {
-				"pagePath": "pages/pages_zhentou/form/form",
-				// "iconPath": "static/extui.png",
-				// "selectedIconPath": "static/extuiHL.png",
-				"text": "报名单"
-			}, {
-				"pagePath": "pages/pages_zhentou/myPage/myPage",
-				// "iconPath": "static/template.png",
-				// "selectedIconPath": "static/templateHL.png",
-				"text": "我的"
-			}
-		]
 	}
+	// "tabBar": {
+	// 	"color": "#7A7E83",
+	// 	"selectedColor": "#007AFF",
+	// 	"borderStyle": "black",
+	// 	"backgroundColor": "#F8F8F8",
+	// 	"list": [
+	// 		{
+	// 			"pagePath": "pages/pages_zhentou/homePage/homePage",
+	// 			// "iconPath": "static/component.png",
+	// 			// "selectedIconPath": "static/componentHL.png",
+	// 			"text": "首页"
+	// 		},
+	// 		// {
+	// 		// 	"pagePath": "pages/tabBar/form/form",
+	// 		// 	"iconPath": "static/api.png",
+	// 		// 	"selectedIconPath": "static/apiHL.png",
+	// 		// 	"text": "自定义表单"
+	// 		// },
+	// 		{
+	// 			"pagePath": "pages/pages_zhentou/order/order",
+	// 			// "iconPath": "static/api.png",
+	// 			// "selectedIconPath": "static/apiHL.png",
+	// 			"text": "订单"
+	// 		}, {
+	// 			"pagePath": "pages/pages_zhentou/form/form",
+	// 			// "iconPath": "static/extui.png",
+	// 			// "selectedIconPath": "static/extuiHL.png",
+	// 			"text": "报名单"
+	// 		}, {
+	// 			"pagePath": "pages/pages_zhentou/myPage/myPage",
+	// 			// "iconPath": "static/template.png",
+	// 			// "selectedIconPath": "static/templateHL.png",
+	// 			"text": "我的"
+	// 		}
+	// 	]
+	// }
 }

pages/pages_zhentou/homePage/homePage.vue

@@ -4,11 +4,19 @@
 			<image class="img" mode="widthFix" src="../../../static/image/bag.jpg"></image>
 			<!-- <img class="img" src="../../../static/image/bag.jpg" mode=""></img> -->
 		</view>
+		<view class="per_box" @click="turnMyPage">
+			<view class="image_box">
+				<image class="img" src="../../../static/image/person.png" mode=""></image>
+			</view>
+			<view class="per_txt">
+				我的
+			</view>
+		</view>
 		<view class="bottom_box">
-			<button class="btn" @click="addForm">填写报名单（其他渠道已购买）</button>
-			<button class="btn" v-if="!hasUserInfo &&canIUseGetUserProfile" @click="getUserProfile">定制</button>
-			<button v-else-if="!hasPhone" class="btn" @getphonenumber="getphonenumber">定制</button>
-			<button v-else class="btn" @click="clickCustom">定制</button>
+			<!-- <button class="btn" @click="addForm">填写报名单（其他渠道已购买）</button> -->
+			<button class="btn" v-if="!hasUserInfo &&canIUseGetUserProfile" @click="getUserProfile">立即定制</button>
+			<button v-else-if="!hasPhone" class="btn" @getphonenumber="getphonenumber">立即定制</button>
+			<button v-else class="btn" @click="clickCustom">立即定制</button>
 		</view>
 	</view>
 </template>
@@ -44,6 +52,12 @@
 			clickCustom() {
 				console.log('点击定制');
 			},
+			// 跳转到我的页面
+			turnMyPage(){
+				uni.navigateTo({
+					url:"/pages/pages_zhentou/myPage/myPage"
+				})
+			},
 			// 填写表单
 			addForm() {
 				// console.log('跳转页面')
@@ -123,14 +137,45 @@
 
 <style lang="scss" scoped>
 	.img_box {
+		padding-bottom: 180rpx;
 		.img {
 			width: 100%;
 		}
 	}
+	
+	.per_box{
+		width: 70rpx;
+		height: 118rpx;
+		background: rgba(255, 255, 255, 0.8);
+		border-radius: 20rpx 20rpx 20rpx 20rpx;
+		position: fixed;
+		top: 30rpx;
+		right: 30rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+		
+		.image_box{
+			width: 44rpx;
+			height: 44rpx;
+			
+			.img{
+				width: 100%;
+				height: 100%;
+			}
+		}
+		.per_txt{
+			margin-top: 10rpx;
+			color: #333;
+			font-size: 24rpx;
+		}
+	}
 
 	.bottom_box {
 		width: 100%;
-		height: 290rpx;
+		height: 180rpx;
 		border-radius: 30rpx 30rpx 0rpx 0rpx;
 		background: #fff;
 		position: fixed;
@@ -138,7 +183,7 @@
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		justify-content: center;
+		// justify-content: center;
 
 
 		.btn {
@@ -150,25 +195,26 @@
 			display: flex;
 			align-items: center;
 			justify-content: center;
-
-			&:first-child {
-				background: #E9B332;
-				margin-bottom: 40rpx;
-				display: flex;
-				flex-direction: column;
+			margin-top: 30rpx;
+			
+			// &:first-child {
+			// 	background: #E9B332;
+			// 	margin-bottom: 40rpx;
+			// 	display: flex;
+			// 	flex-direction: column;
 				
-				.form_txt{
-					height: 50rpx;
-					font-size: 28rpx;
-					display: flex;
-					align-items: center;
-				}
-				.form_txt1{
-					height: 30rpx;
-					display: flex;
-					align-items: center;
-				}
-			}
+			// 	.form_txt{
+			// 		height: 50rpx;
+			// 		font-size: 28rpx;
+			// 		display: flex;
+			// 		align-items: center;
+			// 	}
+			// 	.form_txt1{
+			// 		height: 30rpx;
+			// 		display: flex;
+			// 		align-items: center;
+			// 	}
+			// }
 		}
 	}
 </style>