diff --git a/pages.json b/pages.json
index 5e7f033..c75f4a8 100644
--- a/pages.json
+++ b/pages.json
@@ -303,6 +303,12 @@
 					"navigationBarTitleText": "兑换记录",
 					"enablePullDownRefresh": false
 				}
+			}, {
+				"path": "familymemberdetail/familymemberdetail",
+				"style": {
+					"navigationBarTitleText": "家庭成员详情",
+					"enablePullDownRefresh": false
+				}
 			}
 		]
 	}],
diff --git a/pages/medicalservice/medicalservice.scss b/pages/medicalservice/medicalservice.scss
new file mode 100644
index 0000000..96039d9
--- /dev/null
+++ b/pages/medicalservice/medicalservice.scss
@@ -0,0 +1,199 @@
+	.app {
+		padding: 0 0 0 0;
+		-webkit-overflow-scrolling: touch;
+
+		.container {
+			padding-top: 65rpx;
+			background-color: #fff
+		}
+
+		.swiper-block {
+			height: 500rpx;
+			width: 100%;
+		}
+
+		.swiper-item {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: flex-start;
+			overflow: unset;
+		}
+
+		.slide-image {
+			height: 270rpx;
+			width: 580rpx;
+			border-radius: 9rpx;
+			box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2);
+			margin: 0 0 0 30rpx;
+			z-index: 1;
+		}
+
+		.active {
+			transform: scale(1.10);
+			transition: all 0.2s ease-in 0s;
+			z-index: 20;
+		}
+
+		video {
+			// height: 100%;
+			// width: 100%;
+		}
+
+		.Healthknowledge {
+			width: 100%;
+			padding: 40rpx 50rpx 50rpx;
+			background-color: #fff;
+			position: relative;
+			line-height: 46rpx;
+
+			.more {
+				position: absolute;
+				right: 20rpx;
+				top: 40rpx;
+				height: 46rpx;
+				width: 30%;
+
+				.title {
+					position: absolute;
+					right: 30rpx;
+					top: 50%;
+					text-align: right;
+					transform: translateY(-50%);
+					font-size: 26rpx;
+					font-family: Adobe Heiti Std;
+					font-weight: normal;
+					color: #969494;
+				}
+
+				image {
+					position: absolute;
+					right: 0;
+					top: 50%;
+					transform: translateY(-50%);
+					width: 15rpx;
+					height: 25rpx;
+				}
+			}
+
+			.list {
+				width: 100%;
+				margin: 20rpx auto 0;
+
+				.item {
+					width: 100%;
+					height: 250rpx;
+					position: relative;
+					border-bottom: 2rpx solid #CDC9C9;
+
+					image {
+						position: absolute;
+						right: 0;
+						top: 50%;
+						transform: translateY(-50%);
+						width: 200rpx;
+						height: 200rpx;
+						border-radius: 10rpx;
+					}
+
+					.author {
+						position: absolute;
+						bottom: 20rpx;
+						left: 0;
+						font-size: 20rpx;
+						color: #969494;
+					}
+
+					.text {
+						position: absolute;
+						top: 20rpx;
+						left: 0;
+						width: 65%;
+						font-size: 30rpx;
+						text-overflow: -o-ellipsis-lastline;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						display: -webkit-box;
+						-webkit-line-clamp: 5; //行数需设置
+						line-clamp: 5;
+						-webkit-box-orient: vertical;
+						text-align: justify;
+					}
+				}
+			}
+
+			.title {
+				font-size: 36rpx;
+				font-weight: bold;
+			}
+		}
+
+		.Welfarecustomerservice {
+			display: flex;
+			justify-content: space-around;
+			flex-wrap: wrap;
+			background-color: #fff;
+			width: 100%;
+			padding: 30rpx 2%;
+			margin-bottom: 20rpx;
+
+			.topimgs {
+				display: flex;
+				justify-content: space-around;
+				width: 100%;
+				margin-bottom: 30rpx;
+
+				image {
+					width: 30%;
+					height: 160rpx;
+				}
+			}
+
+			.shopping {
+				width: 98%;
+				height: 160rpx;
+			}
+
+			.rightimg {
+				display: inline-block;
+				width: 48%;
+
+				image {
+					display: block;
+					margin-bottom: 15rpx;
+					width: 100%;
+					height: 120rpx;
+				}
+			}
+
+			.night {
+				width: 48%;
+				height: 340rpx;
+			}
+		}
+
+		.items {
+			background-color: #fff;
+			padding: 30rpx 20rpx 20px;
+			display: flex;
+			justify-content: space-between;
+			margin-bottom: 20rpx;
+
+			.item {
+				width: 25%;
+
+				image {
+					width: 120rpx;
+					height: 120rpx;
+					display: block;
+					margin: 0 auto 20rpx;
+				}
+
+				.title {
+					font-size: 36rpx;
+					font-weight: 600;
+					text-align: center;
+				}
+			}
+		}
+	}
\ No newline at end of file
diff --git a/pages/medicalservice/medicalservice.vue b/pages/medicalservice/medicalservice.vue
index 15a242d..96c4f1c 100644
--- a/pages/medicalservice/medicalservice.vue
+++ b/pages/medicalservice/medicalservice.vue
@@ -380,203 +380,5 @@
 	}
 </script>
 <style lang="scss">
-	.app {
-		padding: 0 0 0 0;
-		-webkit-overflow-scrolling: touch;
-
-		.container {
-			padding-top: 65rpx;
-			background-color: #fff
-		}
-
-		.swiper-block {
-			height: 500rpx;
-			width: 100%;
-		}
-
-		.swiper-item {
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-			align-items: flex-start;
-			overflow: unset;
-		}
-
-		.slide-image {
-			height: 270rpx;
-			width: 580rpx;
-			border-radius: 9rpx;
-			box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2);
-			margin: 0 0 0 30rpx;
-			z-index: 1;
-		}
-
-		.active {
-			transform: scale(1.10);
-			transition: all 0.2s ease-in 0s;
-			z-index: 20;
-		}
-
-		video {
-			// height: 100%;
-			// width: 100%;
-		}
-
-		.Healthknowledge {
-			width: 100%;
-			padding: 40rpx 50rpx 50rpx;
-			background-color: #fff;
-			position: relative;
-			line-height: 46rpx;
-
-			.more {
-				position: absolute;
-				right: 20rpx;
-				top: 40rpx;
-				height: 46rpx;
-				width: 30%;
-
-				.title {
-					position: absolute;
-					right: 30rpx;
-					top: 50%;
-					text-align: right;
-					transform: translateY(-50%);
-					font-size: 26rpx;
-					font-family: Adobe Heiti Std;
-					font-weight: normal;
-					color: #969494;
-				}
-
-				image {
-					position: absolute;
-					right: 0;
-					top: 50%;
-					transform: translateY(-50%);
-					width: 15rpx;
-					height: 25rpx;
-				}
-			}
-
-			.list {
-				width: 100%;
-				margin: 20rpx auto 0;
-
-				.item {
-					width: 100%;
-					height: 250rpx;
-					position: relative;
-					border-bottom: 2rpx solid #CDC9C9;
-
-					image {
-						position: absolute;
-						right: 0;
-						top: 50%;
-						transform: translateY(-50%);
-						width: 200rpx;
-						height: 200rpx;
-						border-radius: 10rpx;
-					}
-
-					.author {
-						position: absolute;
-						bottom: 20rpx;
-						left: 0;
-						font-size: 20rpx;
-						color: #969494;
-					}
-
-					.text {
-						position: absolute;
-						top: 20rpx;
-						left: 0;
-						width: 65%;
-						font-size: 30rpx;
-						text-overflow: -o-ellipsis-lastline;
-						overflow: hidden;
-						text-overflow: ellipsis;
-						display: -webkit-box;
-						-webkit-line-clamp: 5; //行数需设置
-						line-clamp: 5;
-						-webkit-box-orient: vertical;
-						text-align: justify;
-					}
-				}
-			}
-
-			.title {
-				font-size: 36rpx;
-				font-weight: bold;
-			}
-		}
-
-		.Welfarecustomerservice {
-			display: flex;
-			justify-content: space-around;
-			flex-wrap: wrap;
-			background-color: #fff;
-			width: 100%;
-			padding: 30rpx 2%;
-			margin-bottom: 20rpx;
-
-			.topimgs {
-				display: flex;
-				justify-content: space-around;
-				width: 100%;
-				margin-bottom: 30rpx;
-
-				image {
-					width: 30%;
-					height: 160rpx;
-				}
-			}
-
-			.shopping {
-				width: 98%;
-				height: 160rpx;
-			}
-
-			.rightimg {
-				display: inline-block;
-				width: 48%;
-
-				image {
-					display: block;
-					margin-bottom: 15rpx;
-					width: 100%;
-					height: 120rpx;
-				}
-			}
-
-			.night {
-				width: 48%;
-				height: 340rpx;
-			}
-		}
-
-		.items {
-			background-color: #fff;
-			padding: 30rpx 20rpx 20px;
-			display: flex;
-			justify-content: space-between;
-			margin-bottom: 20rpx;
-
-			.item {
-				width: 25%;
-
-				image {
-					width: 120rpx;
-					height: 120rpx;
-					display: block;
-					margin: 0 auto 20rpx;
-				}
-
-				.title {
-					font-size: 36rpx;
-					font-weight: 600;
-					text-align: center;
-				}
-			}
-		}
-	}
+	@import './medicalservice.scss';
 </style>
\ No newline at end of file
diff --git a/pagesB/familymemberdetail/familymemberdetail.vue b/pagesB/familymemberdetail/familymemberdetail.vue
new file mode 100644
index 0000000..8c3b35f
--- /dev/null
+++ b/pagesB/familymemberdetail/familymemberdetail.vue
@@ -0,0 +1,19 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>
diff --git a/pagesB/managefamily/managefamily.vue b/pagesB/managefamily/managefamily.vue
index 1e2f632..b6a3a39 100644
--- a/pagesB/managefamily/managefamily.vue
+++ b/pagesB/managefamily/managefamily.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="app">
 		<view class="forlist">
-			<view class="item">
+			<view class="item" @tap='gofamilymemberdetail'>
 				<view class="namesigning">
 					<span class="name">
 						张三
@@ -37,6 +37,13 @@
 
 			};
 		},
+		methods: {
+			gofamilymemberdetail() {
+				uni.navigateTo({
+					url: `/pagesB/familymemberdetail/familymemberdetail`
+				})
+			}
+		},
 		onReachBottom() { //下滑加载
 			if (this.couponlist.length >= this.total) {} else {
 				this.pageNum++;