diff --git a/pagesB/doctordetails/doctordetails.vue b/pagesB/doctordetails/doctordetails.vue
index 8c3b35f..7c9c2c1 100644
--- a/pagesB/doctordetails/doctordetails.vue
+++ b/pagesB/doctordetails/doctordetails.vue
@@ -1,6 +1,15 @@
 <template>
-	<view>
-		
+	<view class="app">
+		<image src="../../static/headsculpture.png" mode=""></image>
+		<view class="name">
+			张三
+		</view>
+		<view class="position">
+			主任医师 肾内科
+		</view>
+		<view class="Affiliation">
+			山东大学齐鲁医院
+		</view>
 	</view>
 </template>
 
@@ -8,12 +17,47 @@
 	export default {
 		data() {
 			return {
-				
+
 			};
 		}
 	}
 </script>
 
 <style lang="scss">
+	page {
+		background-color: #F4F5F7;
+	}
 
-</style>
+	.app {
+		width: 96%;
+		margin: 20rpx auto;
+		color: #666666;
+
+		image {
+			display: block;
+			width: 150rpx;
+			height: 150rpx;
+			margin: 40rpx auto 0;
+		}
+
+		.name {
+			text-align: center;
+			margin: 40rpx auto 0;
+			font-size: 32rpx;
+			font-weight: 500;
+			color: #000000;
+		}
+
+		.Affiliation {
+			text-align: center;
+			margin: 16rpx auto 0;
+			font-size: 20rpx;
+		}
+
+		.position {
+			text-align: center;
+			margin: 20rpx auto 0;
+			font-size: 22rpx;
+		}
+	}
+</style>
\ No newline at end of file