diff --git a/pages.json b/pages.json
index 6b2fed3..a51d0b0 100644
--- a/pages.json
+++ b/pages.json
@@ -3,16 +3,23 @@
 		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		
 		{
-		    "path" : "pages/site/site",
-		    "style" :
-		    {
-		        "navigationBarTitleText": "附近护理站",
-		        "enablePullDownRefresh": false,
-				 "navigationBarBackgroundColor": "#ffffff"//背景颜色
-		    }
-
+			"path": "pages/detail/detail",
+			"style": {
+				"navigationBarTitleText": "护理站简介",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#ffffff" //背景颜色
+			}
+		},{
+			"path": "pages/site/site",
+			"style": {
+				"navigationBarTitleText": "附近护理站",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#ffffff" //背景颜色
+			}
 		},
+		
 		{
 			"path": "pages/homepage/homepage",
 			"style": {
@@ -26,7 +33,7 @@
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
-		},  {
+		}, {
 			"path": "pages/Personal/Personal",
 			"style": {
 				"navigationBarTitleText": "个人中心",
diff --git a/pages/site/site.vue b/pages/site/site.vue
index 290b0b6..dbe7fc2 100644
--- a/pages/site/site.vue
+++ b/pages/site/site.vue
@@ -1,30 +1,32 @@
 <template>
 	<view class="concent">
-	
-			<view class="nursstation">
-				<text class="what">什么是护理站？</text>
-				<u-icon  class="icon" name="arrow-right"></u-icon>
+		<view class="nursstation" @tap='detailed()'>
+			<text class="what" >什么是护理站？</text>
+			<u-icon class="icon" name="arrow-right"></u-icon>
 		</view>
 		<view class="page-body" style="margin-top: -80rpx;">
-			<view class="page-section page-section-gap">
+			<view class="page-section page-section-gap" >
 				<map style="width:100%; height:40vh;" scale="17" :latitude="latitude" :longitude="longitude"
 					:markers="markers"></map>
 			</view>
 		</view>
-		
+
 		<view class="lists">
 			<text class="nurse">济南护万家护理有限公司</text>
 			<text class="distance">距离您800米</text>
 			<view class="background">
-				<view class="picture">
-					<image src="/static/logo.png" mode=""></image>
+			
+					<view class="picture">
+							<image src="/static/logo.png" mode=""></image>
+					</view>
+				
 					<text class="qyttext">泉医通</text>
 					<text class="lianmeng">济卫护理联盟NO.1</text>
-				</view>
-				
+			
+
 			</view>
 			<view class="click">点击了解</view>
-			
+
 			<!-- <view class="items"> -->
 			<!-- 	<view class="item" v-for="(item,index) in nearbylist" :key="index" @tap='godetails(item)'>
 					<image :src="baseurl+item.stationPictureUrl" mode=""></image>
@@ -40,38 +42,34 @@
 							</view>
 						</view> -->
 
-						<!-- <view class="address">
+			<!-- <view class="address">
 							{{item.address}}
 						</view>
 						<view class="project">
 							{{item.nurseStationDescription}}
 						</view> -->
-				<!-- 	</view>
+			<!-- 	</view>
 					<image class="rightimg" src="../../static/jt.png" mode=""></image>
 				</view> -->
-			</view>
-			<view class="masks" style="" >
-				<view class="mask">
-					<view class="picture2">
-						<image src="../../static/locatinsmall.png"></image>
-					</view>
-					
-					<view class="title">
-						请打开系统定位
-					</view>
-					
-					<view class="btns">
-						<view class="btn1" @tap='cancel()'>取消</view>
-						<view class="btn2" @tap='getsite()'>去打开</view>
-					</view>
+		</view>
+		<view class="masks" style="">
+			<view class="mask">
+				<view class="picture2">
+					<image src="../../static/locatinsmall.png"></image>
+				</view>
+
+				<view class="title">
+					请打开系统定位
+				</view>
+
+				<view class="btns">
+					<view class="btn1" @tap='cancel()'>取消</view>
+					<view class="btn2" @tap='getsite()'>去打开</view>
 				</view>
 			</view>
 		</view>
-	
-	
-
+	</view>
 </template>
-
 <script>
 	import {
 		getPatientInfo
@@ -100,7 +98,7 @@
 				markers: [],
 				pageNum: 1,
 				pageSize: 10,
-					mask: false,
+				mask: false,
 			}
 		},
 		onReachBottom() {
@@ -177,6 +175,12 @@
 			that.requestinfo()
 		},
 		methods: {
+			detailed(){
+					uni.navigateTo({
+						url: `/pages/detail/detail`
+					})
+				},
+			},
 			// getsite() {
 			// 	let data={};
 			// 	data.surl = '/pages/site/site'
@@ -184,12 +188,12 @@
 			// 		url: `/pages/homePage/homePage`
 			// 	})
 			// },
-			// cancel() {
-			// 	this.mask = false
-			// 	uni.reLaunch({
-			// 		url: `/pages/site/site`
-			// 	})
-			// },
+			cancel() {
+				this.mask = false
+				uni.reLaunch({
+					url: `/pages/site/site`
+				})
+			},
 			requestinfo() {
 				if (this.nurseTypeCode != undefined) {
 					nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
@@ -214,25 +218,21 @@
 					url: `/pages/details/details?id=${item.nurseStationId}`
 				})
 			},
-			// listinfo() {
-			// 	list().then(res => {
-			// 		// console.log(res)
-			// 	})
-			// },
-
 		}
-	}
+	
 </script>
 
 <style lang="scss">
-	.picture2{
+	.picture2 image {
 		// position: absolute;
 		display: block;
 		margin: 0 auto;
-		width: 70rpx;
+		width: 86rpx;
 		height: 102rpx;
-		text-align: center;
+		// margin-top: 20%;
+		// text-align: center;
 	}
+
 	.masks {
 
 		border-radius: 30px;
@@ -243,9 +243,10 @@
 		top: 0;
 		z-index: 999;
 	}
+
 	.mask {
 		// margin-top: 50%;
-			position: relative;
+		position: relative;
 		width: 520rpx;
 		height: 348rpx;
 		background-color: #ffffff;
@@ -253,6 +254,7 @@
 		position: relative;
 		border-radius: 30rpx;
 	}
+
 	.title {
 		width: 254rpx;
 		height: 35rpx;
@@ -275,6 +277,7 @@
 		// text-align: center;
 		// /* line-height: 80rpx; */
 	}
+
 	.text {
 		margin-top: 30rpx;
 		font-size: 30rpx;
@@ -282,38 +285,44 @@
 		text-align: left;
 		/* padding-top: 40rpx; */
 		text-align: center;
-	
+
 	}
+
 	.btn1 {
-		
+
 		height: 62rpx;
 		line-height: 62rpx;
 		text-align: center;
 		// border-top: 1px solid #eeeeee;
 		// border-right: 1px solid #eeeeee;
 		// position: inherit;
+
 		margin-top: 10%;
 		margin-left: 10%;
 		background: #C5BFBF;
+		color: #ffffff;
 		width: 198rpx;
 		border-radius: 23rpx;
-	
+
 	}
+
 	.btn2 {
 		height: 62rpx;
 		line-height: 62rpx;
 		text-align: center;
+		color: #ffffff;
 		// display: inline-block;
 		// position: absolute;
 		// bottom: 0;
 		position: absolute;
-	    margin-top: -12%;
-	    margin-left: 58%;
+		margin-top: -12%;
+		margin-left: 58%;
 		width: 198rpx;
 		background-color: #4486e8;
 		border-radius: 23rpx;
 	}
-	.lists{
+
+	.lists {
 		position: relative;
 		margin: 0 auto;
 		background-color: #ffffff;
@@ -322,7 +331,8 @@
 		margin-top: -10%;
 		border-radius: 10rpx;
 	}
-	.background{
+
+	.background {
 		position: absolute;
 		width: 180rpx;
 		height: 180rpx;
@@ -331,29 +341,34 @@
 		margin-left: 10%;
 		border-radius: 30rpx;
 	}
-	image{
-	
-		width: 86rpx;
-		height: 102rpx;
-		margin-top: 35%;
+
+	.background image {
+
+		width: 99rpx;
+		height: 99rpx;
+		// margin: 0 auto;
+		text-align: center;
+		margin-top: 5%;
 		margin-left: 20%;
-	
+
 	}
-	.qyttext{
-		      // text-align: center;
-			// margin-top: 10%;
-			margin-left: 28%;
-			display: block;
-			
+
+	.qyttext {
+		// text-align: center;
+		// margin-top: 10%;
+		margin-left: 28%;
+		display: block;
+
 		// width: 30px;
 		// height: 10px;
 		font-size: 25rpx;
 		// font-family: Adobe Heiti Std;
 		// font-weight: normal;
 		color: #FFFFFF;
-		
+
 	}
-	.lianmeng{
+
+	.lianmeng {
 		display: block;
 		margin-left: 5%;
 		font-size: 9px;
@@ -361,7 +376,8 @@
 		// font-weight: normal;
 		color: #FFFFFF;
 	}
-	.click{
+
+	.click {
 		// position: absolute;
 		color: #ffffff;
 		float: right;
@@ -370,7 +386,7 @@
 		line-height: 58.5rpx;
 		// margin: 0 auto;
 		text-align: center;
-		background-color: #4C7BC9 ;
+		background-color: #4C7BC9;
 		margin-top: 20%;
 		margin-right: 5%;
 		border-radius: 30rpx;
@@ -378,38 +394,41 @@
 		// margin-left: 40%;
 		// border-radius: 10rpx;
 	}
-	.nurse{
+
+	.nurse {
 		position: absolute;
 		float: right;
 		margin-top: 5%;
 		font-size: 30rpx;
 		margin-left: 40%;
 	}
-.icon{
-	height: 60rpx;
-	width: 80%;
-	line-height: 60rpx;
-	position: absolute;
-	
-	margin-left: 55%;
-	// margin-top: 5%;
-}
-.distance{
-	position: absolute;
-	float: right;
-	margin-top: 12%;
-	font-size: 27rpx;
-	margin-left: 40%;
-	font-family: Adobe Heiti Std;
-	font-weight: normal;
-	color: #666666;
-	
 
-}
+	.icon {
+		height: 60rpx;
+		width: 80%;
+		line-height: 60rpx;
+		position: absolute;
+
+		margin-left: 55%;
+		// margin-top: 5%;
+	}
+
+	.distance {
+		position: absolute;
+		float: right;
+		margin-top: 12%;
+		font-size: 27rpx;
+		margin-left: 40%;
+		font-family: Adobe Heiti Std;
+		font-weight: normal;
+		color: #666666;
+
+
+	}
 
 	.nursstation {
 		position: fixed;
-		
+
 		// margin:0 auto;
 		top: 0;
 		// background-color: white;
@@ -422,7 +441,7 @@
 		background-color: #ffffff;
 		z-index: 999;
 
-		
+
 		// .input {
 		// 	margin: 0 auto;
 		// 	position: absolute;
@@ -442,13 +461,13 @@
 		// }
 
 	}
+
 	.what {
 		height: 60rpx;
 		width: 80%;
 		line-height: 60rpx;
 		margin-left: 5%;
 		// text-align: left padding: 20%;
-		
+
 	}
-	
 </style>