diff --git a/pages.json b/pages.json
index 9257993..856fead 100644
--- a/pages.json
+++ b/pages.json
@@ -3,7 +3,24 @@
 		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		
 		{
+			"path": "pages/medicine/medicine",
+			"style": {
+				"navigationBarTitleText": "健康咨询",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+		},
+		{
+		    "path" : "pages/Informationconfirmation/Informationconfirmation",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "",
+		        "enablePullDownRefresh": false
+		    }
+		    
+		},{
 			"path": "pages/integral/integral",
 			"style": {
 				"navigationBarTitleText": "积分",
@@ -275,14 +292,14 @@
 				"enablePullDownRefresh": true //设置参数为true
 			}
 		},
-		{
-			"path": "pages/medicine/medicine",
-			"style": {
-				"navigationBarTitleText": "健康咨询",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#ffffff"
-			}
-		},
+		// {
+		// 	"path": "pages/medicine/medicine",
+		// 	"style": {
+		// 		"navigationBarTitleText": "健康咨询",
+		// 		"enablePullDownRefresh": false,
+		// 		"navigationBarBackgroundColor": "#ffffff"
+		// 	}
+		// },
 		{
 			"path": "pages/diseasemanagement/diseasemanagement",
 			"style": {
@@ -346,7 +363,8 @@
 				"navigationBarBackgroundColor": "#ffffff"
 			}
 		}
-	],
+	    
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "",
diff --git a/pages/Informationconfirmation/Informationconfirmation.vue b/pages/Informationconfirmation/Informationconfirmation.vue
new file mode 100644
index 0000000..6953b1e
--- /dev/null
+++ b/pages/Informationconfirmation/Informationconfirmation.vue
@@ -0,0 +1,311 @@
+<template>
+	<view class="app">
+		<view class="user">
+			<view class="item">
+				<span>姓名：</span>
+				<span class='addition'>111</span>
+			</view>
+			<view class="item">
+				<span>电话：</span>
+				<span class='addition'>111</span>
+			</view>
+			<view class="addressitem">
+				<view class="leftaddress">地址：</view>
+				<view class='addition'>111</view>
+			</view>
+			<view class="item" style="border: 0;">
+				<span>时间：</span>
+				<span class='addition'>请选择</span>
+			</view>
+			<view class="worditem">
+				<view class="today">
+					<span class="todaytime">今天
+					</span>
+					<span class="time">02-10</span>
+				</view>
+				<view class="today">
+					<span class="todaytime">今天
+					</span>
+					<span class="time">02-10</span>
+				</view>
+				<view class="today">
+					<span class="todaytime">今天
+					</span>
+					<span class="time">02-10</span>
+				</view>
+				<view class="today">
+					<span class="todaytime">今天
+					</span>
+					<span class="time">02-10</span>
+				</view>
+			</view>
+			<view class="worditem" style="margin-top: 3%;">
+				<view class="today">
+					<span class="todaytime">今天
+					</span>
+					<span class="time">02-10</span>
+				</view>
+				<view class="today">
+					<span class="todaytime">今天
+					</span>
+					<span class="time">02-10</span>
+				</view>
+				<view class="today">
+					<span class="todaytime">今天
+					</span>
+					<span class="time">02-10</span>
+				</view>
+				<view class="today">
+					<span class="todaytime">今天
+					</span>
+					<span class="time">02-10</span>
+				</view>
+			</view>
+		</view>
+		<view class="remarks">
+			<span>咨询内容：</span>
+			<input placeholder="请在此输入">
+			<!-- <input type="text" placeholder="请在此输入"> -->
+		</view>
+		<view class="bottomitem">
+			<span>298￥</span>
+			<view class="submit" @tap='show=true'>确认</view>
+		</view>
+		<!-- 弹框 -->
+		<view class="frame">
+			<u-popup v-model="show" mode="bottom" length="45%" border-radius="30">
+				<view class="payment">
+					<span>请选择支付方式</span>
+					<view class="cencel" @tap="show = false">
+						<image src="../../static/gb.png" mode=""></image>
+					</view>
+				</view>
+				<view class="chat">
+					<image src="/static/chat.png" mode=""></image>
+					<span>微信支付</span>
+				</view>
+				<view class="submits" @tap='buy'>
+					<span>确认支付</span><span>￥298</span>
+				</view>
+			</u-popup>
+		</view>
+		<u-toast ref="uToast" />
+	</view>
+</template>
+<script>
+	export default {
+
+		data() {
+			return {
+				show: false,
+			}
+		},
+
+		methods: {
+
+		}
+	}
+</script>
+<style lang="scss">
+	.app {
+		font-size: 34rpx;
+		padding-top: 10rpx;
+		height: 100%;
+		-webkit-overflow-scrolling: touch;
+
+		.determine {
+			height: 70rpx;
+			line-height: 70rpx;
+			font-size: 32rpx;
+			width: 50%;
+			color: #F4F5F7;
+			background: #4C7BC9;
+			position: absolute;
+			bottom: 0;
+			left: 0;
+		}
+
+		.user {
+			background: #FFFFFF;
+			width: 94%;
+			height: 600rpx;
+			margin: 10rpx auto;
+			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
+			border-radius: 20rpx;
+			line-height: 93rpx;
+
+			.addressitem {
+				width: 97%;
+				border-bottom: 1rpx solid #D8D4D4;
+				margin-left: 3%;
+				// height: 100%;
+
+				.leftaddress {
+					width: 15%;
+					height: 100%;
+					display: flex;
+					display: inline-block;
+				}
+
+				.addition {
+					color: #666666;
+					display: inline-block;
+					line-height: 50rpx;
+					font-size: 28rpx;
+				}
+			}
+
+			.item {
+				width: 97%;
+				border-bottom: 1rpx solid #D8D4D4;
+				margin-left: 3%;
+
+				.addition {
+					color: #666666;
+					line-height: 30rpx;
+					font-size: 28rpx;
+				}
+			}
+
+			.worditem {
+				display: flex;
+				justify-content: space-around;
+
+				.today {
+
+					width: 147rpx;
+					height: 90rpx;
+					text-align: center;
+					font-size: 26rpx;
+					background: #FEF9F8;
+					border: 1rpx solid #F44B2F;
+					border-radius: 5rpx;
+
+
+					.time {
+						font-size: 26rpx;
+						display: block;
+						line-height: 55rpx;
+					}
+
+					.todaytime {
+						font-size: 26rpx;
+						display: block;
+						height: 30rpx;
+						line-height: 55rpx;
+					}
+				}
+			}
+		}
+
+		.remarks {
+			width: 94%;
+			margin: 10rpx auto;
+			font-size: 34rpx;
+			height: 440rpx;
+			background: #FFFFFF;
+			border-radius: 20rpx;
+
+			position: relative;
+			padding: 3%;
+
+			input {
+				position: absolute;
+				top: 25%;
+				width: 77%;
+				transform: translateY(-50%);
+			}
+		}
+
+		.bottomitem {
+			width: 750rpx;
+			height: 132rpx;
+			background: #FFFFFF;
+			bottom: 0%;
+			position: fixed;
+			padding: 5%;
+
+			span {
+				// margin-left: 3%;
+				// margin-top: 3%;
+				font-size: 48rpx;
+				color: #F44B2F;
+				// line-height: 75rpx;
+			}
+
+			.submit {
+				width: 186rpx;
+				height: 61rpx;
+				background: #F44B2F;
+				color: #FFFFFF;
+				border-radius: 30rpx;
+				line-height: 61rpx;
+				text-align: center;
+				font-size: 32rpx;
+				float: right;
+			}
+		}
+
+		// 弹框支付
+		.payment {
+			width: 390px;
+			height: 130rpx;
+			font-size: 42rpx;
+			color: #000000;
+			line-height: 130rpx;
+			text-align: center;
+			// margin: 0 auto;
+
+			border-bottom: 1rpx solid #D8D4D4;
+			display: flex;
+
+			span {
+				margin-left: 30%;
+			}
+
+			.cencel {
+				margin-left: 20%;
+
+				image {
+					width: 31rpx;
+					height: 31rpx;
+				}
+			}
+
+
+		}
+
+		.chat {
+			span {
+				display: block;
+				height: 68rpx;
+				font-size: 42rpx;
+				color: #000000;
+				line-height: 68rpx;
+				margin-left: 25%;
+				margin-top: -10%;
+			}
+
+			image {
+				width: 79rpx;
+				height: 69rpx;
+				margin-top: 7%;
+				padding-left: 10%;
+			}
+		}
+
+		.submits {
+			background: #F44B2F;
+			width: 501rpx;
+			height: 71rpx;
+			line-height: 71rpx;
+			// background: #4C7BC9;
+			border-radius: 36rpx;
+			font-size: 34rpx;
+			color: #FFFFFF;
+			text-align: center;
+			margin: 0 auto;
+			margin-top: 25%;
+		}
+	}
+</style>
diff --git a/pages/medicine/medicine.vue b/pages/medicine/medicine.vue
index f9e6a0b..72a948d 100644
--- a/pages/medicine/medicine.vue
+++ b/pages/medicine/medicine.vue
@@ -1,17 +1,70 @@
 <template>
 	<view class="app">
-		<view class="concent">
-			<view class="background">
-				<image src="/static/logo.png" mode=""></image>
-				<view>
-					<view class="detailed">
-						<view>
-							在“互联网+医疗健康”高速发展的当下，以远程诊疗、大数据、人工智能为代表的新技术应用，越来越多的应用在医疗健康服务当中，依托三甲专家团队赋能基层医疗，打造“医、药、检、险”的全闭环商业模式，实现物联网化医生联合体布局，提供数字化远程医疗解决方案，提升基层医疗水平，提高医疗效率，降低看病成本。
-							平台将全力打造“智慧诊所”，为基层全科医生医提供物联网可穿戴式医疗设备，基层医生负责操作收集，医生集团的三甲专家远程出具诊断报告。有效将三甲医院医生、基层医生与患者连接，从而更加方便快捷高效，随时随地满足患者的长期医疗需求。可以为基层医生解决技术缺陷、设备不足等难题；遇到病情紧急严重的还可以打开绿色就医通道进行转诊服务。
+		<view class="background">
+			<image src="/static/poserhealth .png" mode=""></image>
+		</view>
+		<view class="hospital">
+			<view class="appointmenthospital">预约医生</view>
+			<view class="tabbar">
+				<view class="lefttabbar">
+					<view class="lefttabbarlist">
+						<view class="item" @tap='tapscroll()'>
+							<view :class="tabIndex==index?'actives':'active'">
+								内科
+							</view>
+							<view :class="tabIndex==index?'actives':'active'">
+								神经内科
+							</view>
+							<view :class="tabIndex==index?'actives':'active'">
+								皮肤科
+							</view>
 						</view>
 					</view>
 				</view>
+				<view class="righttabbar">
+					<view class="content">
+						<view class="hospitalimage">
+							<image src="/static/header .png" mode=""></image>
+						</view>
+						<view class="physicianinformation">
+							<view class="hospitalteacher">某某某</view>
+							<view class="physician">主任医师</view>
+							<view class="words">
+								熟悉呼吸系统疾病的诊治，尤其擅
+								长肺栓塞、肺动脉高压和慢性气道疾
+								病的研究。
+							</view>
+							<view class="appointment" @tap="goappointment">
+								预约
+							</view>
+						</view>
+					</view>
+					<view class="content">
+						<view class="hospitalimage">
+							<image src="/static/header .png" mode=""></image>
+						</view>
+						<view class="physicianinformation">
+							<view class="hospitalteacher">某某某</view>
+							<view class="physician">主任医师</view>
+							<view class="words">
+								熟悉呼吸系统疾病的诊治，尤其擅
+								长肺栓塞、肺动脉高压和慢性气道疾
+								病的研究。
+							</view>
+							<view class="appointment">
+								预约
+							</view>
+						</view>
+
+					</view>
+
+				</view>
 			</view>
+
+
+
+
+
 		</view>
 	</view>
 </template>
@@ -19,9 +72,16 @@
 <script>
 	export default {
 		data() {
-			return {};
+			return {
+				tabIndex: 0,
+			};
 		},
 		methods: {
+goappointment(){
+	uni.navigateTo({
+		url: '/pages/Informationconfirmation/Informationconfirmation'
+	})
+},
 			// 跳转预约医生界面
 			godoctorslist() {
 				// uni.navigateTo({
@@ -52,55 +112,156 @@
 
 <style lang="scss">
 	.app {
-		.cards {
-			padding: 40rpx 0 500rpx 0;
+		padding: 0%;
+
+		.background {
+			image {
+				width: 100%;
+				height: 381rpx;
 
-			.item {
-				image {
-					width: 80rpx;
-					height: 80rpx;
-				}
 			}
 		}
 
-
-		.concent {
-			width: 701rpx;
+		.hospital {
+			width: 100%;
 			height: 100%;
-			background: #4C7BC9;
-			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
-			border-radius: 20rpx;
-			margin: 5% auto 20px;
-			padding: 30rpx 0;
+			background-color: #fff;
 
-			.background {
-				position: relative;
-				width: 657rpx;
-				height: 100%;
-				background: #FFFFFF;
-				border-radius: 25rpx;
-				background-color: white;
+			.appointmenthospital {
+				height: 90rpx;
+				font-size: 35rpx;
+				line-height: 90rpx;
+				border-bottom: 1rpx solid #D8D4D4;
+				width: 95%;
 				margin: 0 auto;
-
-				image {
-					width: 178rpx;
-					height: 160rpx;
-					background: #FFFFFF;
-					border-radius: 25px;
-					margin-left: 68%;
-				}
 			}
-		}
 
-		.detailed {
-			width: 657rpx;
-			height: 100%;
-			padding: 0 42rpx 20rpx;
-			line-height: 56rpx;
-		}
+			.tabbar {
+				display: flex;
+				height: 100vh;
+				width: 100%;
+
+
+				.lefttabbar {
+					width: 30%;
+					// display: inline-block;
+					height: 100%;
+					padding-top: 20rpx;
+
+					.lefttabbarlist {
+						overflow: scroll;
+						-webkit-overflow-scrolling: touch;
+						height: 100%;
+
+						.item {
+							color: #000000;
+							height: 80rpx;
+							line-height: 80rpx;
+							text-align: center;
+							font-size: 30rpx;
+							width: 100%;
+
+							.actives {
+								color: red;
+								font-size: 34rpx;
+								overflow: hidden;
+								text-overflow: ellipsis;
+								white-space: nowrap;
+								background-color: #ffffff;
+								// border-radius: 25rpx 0 0 25rpx;
+							}
+
+							.active {
+								overflow: hidden;
+								text-overflow: ellipsis;
+								white-space: nowrap;
+								border-bottom: 1rpx solid #D8D4D4;
+								width: 90%;
+							}
+
+						}
+					}
+
+				}
+
+				.righttabbar {
+					width: 70%;
+					height: 100%;
+					.content {
+						position: relative;
+						height: 400rpx;
+					
+						border-bottom: 1rpx solid #D8D4D4;
+						.hospitalimage {
+									position: absolute;
+									width: 190rpx;
+									height: 200rpx;
+									padding: 3%;
+						
+									image {
+										// line-height: 20rpx;
+										width: 109rpx;
+										height: 111rpx;
+									}
+								}
+						
+								.physicianinformation {
+									position: absolute;
+									width: 90%;
+									// background-color: #F44B2F;
+									height: 100rpx;
+									left: 27%;
+									top: 5%;
+						
+									.hospitalteacher {
+										font-size: 36rpx;
+									}
+						
+									.physician {
+										// margin-top: 3%;
+										font-size: 30rpx;
+										color: #666666;
+						
+									}
+						
+									.words {
+										position: absolute;
+										// margin: 20px auto;
+										left: -25%;
+										width: 100%;
+										top: 150rpx;
+										text-indent: 2em;
+										font-size: 30rpx;
+										color: #000000;
+										line-height: 55rpx;
+									}
+						
+									.appointment {
+										position: absolute;
+										left: 50%;
+										top: 300rpx;
+										width: 125rpx;
+										height: 52rpx;
+										background: #F44B2F;
+										border-radius: 26rpx;
+										color: #fff;
+										line-height: 52rpx;
+										text-align: center;
+						
+						
+									}
+								}
+						
+						
+							}
+						}
+					}
+				}
+
+			
+
+			
+
 
-		.detailed view {
-			text-indent: 2em;
-		}
 	}
 </style>
diff --git a/static/header .png b/static/header .png
new file mode 100644
index 0000000..8c47c50
Binary files /dev/null and b/static/header .png differ
diff --git a/static/poserhealth .png b/static/poserhealth .png
new file mode 100644
index 0000000..4ab9b2d
Binary files /dev/null and b/static/poserhealth .png differ