diff --git a/api/Healthknowledge/index.js b/api/Healthknowledge/index.js
new file mode 100644
index 0000000..54ebd8b
--- /dev/null
+++ b/api/Healthknowledge/index.js
@@ -0,0 +1,8 @@
+import request from "../request.js"
+
+export function getHeathHousingList(pageNum, pageSize) {
+	return request({
+		url: `/nurseApplet/nearbyNursingStation/getHeathHousingList?pageNum=${pageNum}&pageSize=${pageSize}&informationCategoryType=HEALTH_NOUS`,
+		method: 'get',
+	})
+}
diff --git a/api/ProjectDetails/index.js b/api/ProjectDetails/index.js
index bf08060..2d54396 100644
--- a/api/ProjectDetails/index.js
+++ b/api/ProjectDetails/index.js
@@ -2,7 +2,7 @@ import request from "../request.js"
 
 export function getAppStationItemInfo(stationId, stationItemId, stationItemPriceId) {
 	return request({
-		url: `/nurseApp/login/getAppStationItemInfo?stationId=${stationId}&stationItemId=${stationItemId}&stationItemPriceId=${stationItemPriceId}`,
+		url: `/nurseApplet/login/getStationItemInfo?stationId=${stationId}&stationItemId=${stationItemId}&stationItemPriceId=${stationItemPriceId}`,
 		method: 'GET'
 	})
 }
diff --git a/api/appointmenttime/appointmenttime.js b/api/appointmenttime/appointmenttime.js
index d4c6887..005b422 100644
--- a/api/appointmenttime/appointmenttime.js
+++ b/api/appointmenttime/appointmenttime.js
@@ -22,4 +22,14 @@ export function submitAppointment(data) {
 		data
 	})
 }
+// 小程序预约服务支付接口
+
+export function appletAppointmentOrderPay(data) {
+	return request({
+		url: `/nurseApp/weChatPayment/appletAppointmentOrderPay`,
+		method: 'post',
+		data
+	})
+}
+
 
diff --git a/api/baseurl.js b/api/baseurl.js
index dcfa9cc..9ab310f 100644
--- a/api/baseurl.js
+++ b/api/baseurl.js
@@ -1,4 +1,4 @@
 // var baseurl = "http://192.168.16.30:8080";
-var baseurl = "http://192.168.16.49:8081";
+var baseurl = "http://192.168.16.30:8088";
 // var baseurl = "http://192.168.16.76:8080";
 export default baseurl
diff --git a/api/homepage/index.js b/api/homepage/index.js
new file mode 100644
index 0000000..d692231
--- /dev/null
+++ b/api/homepage/index.js
@@ -0,0 +1,9 @@
+import request from "../request.js"
+
+export function getPoserInfoListByType() {
+	return request({
+		url: `/nurseApplet/nearbyNursingStation/getPoserInfoListByType?moduleType=HOME_PAGE_MODULE`,
+		method: 'GET'
+	})
+}
+
diff --git a/api/nursestation/nursestation.js b/api/nursestation/nursestation.js
index b8a3368..6e59c0d 100644
--- a/api/nursestation/nursestation.js
+++ b/api/nursestation/nursestation.js
@@ -9,9 +9,9 @@ export function introductionList(id) {
 }
 
 
-export function itemList(id,pageSize,pageNum) {
+export function itemList(id,pageSize,pageNum,nurseClassifyInfoId) {
 	return request({
-		url: `/nurseApplet/nearbyNursingStation/itemList?pageSize=${pageSize}&pageNum=${pageNum}&nurseStationId=${id}`,
+		url: `/nurseApplet/nearbyNursingStation/itemList?pageSize=${pageSize}&pageNum=${pageNum}&nurseStationId=${id}&nurseClassifyInfoId=${nurseClassifyInfoId}`,
 		method: 'GET'
 	})
 }
diff --git a/api/site/site.js b/api/site/site.js
index 98c3130..53f0fb3 100644
--- a/api/site/site.js
+++ b/api/site/site.js
@@ -1,14 +1,12 @@
 import request from "../request.js"
 
-
-
-
-export function nearbyList(pageSize,pageNum,longitude, latitude) {
+export function nearbyList(pageSize, pageNum, longitude, latitude,ClassifyInfoId,itemClassId,searchName) {
 	return request({
-		url: `/nurseApplet/nearbyNursingStation/nearbyList?pageSize=${pageSize}&pageNum=${pageNum}&homeLongitude=${longitude}&homeLatitude=${latitude}`,
+		url: `/nurseApplet/nearbyNursingStation/nearbyList?pageSize=${pageSize}&pageNum=${pageNum}&homeLongitude=${longitude}&homeLatitude=${latitude}&nurseClassifyInfoId=${ClassifyInfoId}&nurseItemClassifyInfoId=${itemClassId}&searchName=${searchName}`,
 		method: 'GET'
 	})
 }
+
 //被护理人信息 经纬度
 export function getPatientInfo(id) {
 	return request({
@@ -16,3 +14,11 @@ export function getPatientInfo(id) {
 		method: 'GET'
 	})
 }
+
+//护理站和护理项目分类
+export function getNurseClassifyList() {
+	return request({
+		url: `/nurseApplet/nearbyNursingStation/getNurseClassifyList?moduleType=NURSE_AGENCY_INTRODUCE_MODULE`,
+		method: 'GET'
+	})
+}
diff --git a/pages.json b/pages.json
index 9363870..a58b3bd 100644
--- a/pages.json
+++ b/pages.json
@@ -9,15 +9,7 @@
 				"navigationBarTitleText": "",
 				"navigationStyle": "custom"
 			}
-		}, {
-			"path": "pages/information/information",
-			"style": {
-				"navigationBarTitleText": "完善个人信息",
-				"navigationBarBackgroundColor": "#ffffff", //背景颜色
-				"enablePullDownRefresh": false
-			}
-		},
-		{
+		},{
 			"path": "pages/forgotPassword/forgotPassword",
 			"style": {
 				"navigationBarTitleText": "忘记密码",
@@ -30,6 +22,27 @@
 				"navigationBarTitleText": "注册账号",
 				"navigationBarBackgroundColor": "#ffffff"
 			}
+		}, {
+			"path": "pages/ProjectDetails/ProjectDetails",
+			"style": {
+				"navigationBarTitleText": "护理项目详情",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#ffffff" //背景颜色
+			}
+		}, {
+			"path": "pages/modifyAddress/modifyAddress",
+			"style": {
+				"navigationBarTitleText": "修改地址",
+				"navigationBarBackgroundColor": "#ffffff", //背景颜色
+				"enablePullDownRefresh": true //设置参数为true
+			}
+		}, {
+			"path": "pages/information/information",
+			"style": {
+				"navigationBarTitleText": "完善个人信息",
+				"navigationBarBackgroundColor": "#ffffff", //背景颜色
+				"enablePullDownRefresh": false
+			}
 		},
 		{
 			"path": "pages/lookrate/lookrate",
@@ -38,23 +51,13 @@
 				"enablePullDownRefresh": false,
 				"navigationBarBackgroundColor": "#ffffff"
 			}
-
 		}, {
 			"path": "pages/ServiceDetails/ServiceDetails",
 			"style": {
 				"navigationBarTitleText": "服务详情",
 				"enablePullDownRefresh": false,
 				"navigationBarBackgroundColor": "#ffffff" //背景颜色
-
 			}
-		}, {
-			"path": "pages/ProjectDetails/ProjectDetails",
-			"style": {
-				"navigationBarTitleText": "护理项目详情",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#ffffff" //背景颜色
-			}
-
 		}, {
 			"path": "pages/goodsorderRate/goodsorderRate",
 			"style": {
@@ -62,13 +65,6 @@
 				"enablePullDownRefresh": false,
 				"navigationBarBackgroundColor": "#ffffff" //背景颜色
 			}
-		}, {
-			"path": "pages/Bodysatelliteintegration/Bodysatelliteintegration",
-			"style": {
-				"navigationBarTitleText": "体卫融合",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#ffffff" //背景颜色
-			}
 		},
 		{
 			"path": "pages/modify/modify",
@@ -116,7 +112,6 @@
 				"enablePullDownRefresh": true //设置参数为true
 			}
 		},
-
 		{
 			"path": "pages/user/user",
 			"style": {
@@ -149,13 +144,13 @@
 				"navigationBarBackgroundColor": "#ffffff"
 			}
 		},
-
 		{
 			"path": "pages/login/login",
 			"style": {
 				"navigationBarTitleText": "登录",
 				"navigationStyle": "custom",
-				"enablePullDownRefresh": false
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#ffffff" //背景颜色
 			}
 		},
 		{
@@ -166,11 +161,10 @@
 				"navigationBarBackgroundColor": "#ffffff" //背景颜色
 			}
 		},
-
 		{
 			"path": "pages/Nursingstationserviceorder/Nursingstationserviceorder",
 			"style": {
-				"navigationBarTitleText": "护理站服务订单",
+				"navigationBarTitleText": "护理机构服务订单",
 				"navigationBarBackgroundColor": "#ffffff", //背景颜色
 				"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
 				"enablePullDownRefresh": true //设置参数为true
@@ -209,7 +203,6 @@
 				"enablePullDownRefresh": false
 			}
 		},
-
 		{
 			"path": "pages/order/order",
 			"style": {
@@ -224,17 +217,16 @@
 				"navigationBarTitleText": "预约详情",
 				"enablePullDownRefresh": false
 			}
-
 		},
 		{
 			"path": "pages/homepage/homepage",
 			"style": {
 				"navigationBarTitleText": "泉医到家",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#ffffff"
+				"navigationStyle": "custom",
+				"navigationBarBackgroundColor": "#ffffff",
+				"enablePullDownRefresh": false
 			}
 		},
-
 		{
 			"path": "pages/confirmOrder/confirmOrder",
 			"style": {
@@ -265,7 +257,6 @@
 			"path": "pages/ProductList/ProductList", //商品列表
 			"style": {
 				"navigationBarTitleText": "医路优品",
-				"enablePullDownRefresh": false,
 				"navigationBarBackgroundColor": "#ffffff",
 				"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
 				"enablePullDownRefresh": true //设置参数为true
@@ -282,76 +273,86 @@
 		{
 			"path": "pages/nursestation/nursestation",
 			"style": {
-				"navigationBarTitleText": "护理站详情",
+				"navigationBarTitleText": "护理机构详情",
 				"navigationBarBackgroundColor": "#ffffff",
 				"onReachBottomDistance": 100, //距离底部多远时触发 单位为px
 				"enablePullDownRefresh": true //设置参数为true
 			}
-
 		},
 		{
 			"path": "pages/site/site",
 			"style": {
-				"navigationBarTitleText": "附近护理站",
+				"navigationBarTitleText": "护理机构",
 				"enablePullDownRefresh": false,
 				"navigationBarBackgroundColor": "#ffffff", //背景颜色
-				"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
+				"onReachBottomDistance": 100, //距离底部多远时触发 单位为px
 				"enablePullDownRefresh": true //设置参数为true
 			}
 		},
-		{
-			"path": "pages/detail/detail",
-			"style": {
-				"navigationBarTitleText": "护理站简介",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#ffffff" //背景颜色
-			}
-		},
 		{
 			"path": "pages/medicine/medicine",
 			"style": {
-				"navigationBarTitleText": "就医",
+				"navigationBarTitleText": "健康咨询",
 				"enablePullDownRefresh": false,
 				"navigationBarBackgroundColor": "#ffffff"
 			}
 		},
 		{
-			"path": "pages/modifyAddress/modifyAddress",
-			"style": {
-				"navigationBarTitleText": "修改地址",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#ffffff" //背景颜色
-			}
-
-		},
-		{
-			"path": "pages/Doctordetails/Doctordetails",
-			"style": {
-				"navigationBarTitleText": "医生信息",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#ffffff"
-			}
-		}, {
-			"path": "pages/Geriatricdisease/Geriatricdisease",
-			"style": {
-				"navigationBarTitleText": "老年病中心",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#ffffff"
-			}
-
-		}, {
 			"path": "pages/diseasemanagement/diseasemanagement",
 			"style": {
 				"navigationBarTitleText": "专病管理",
 				"enablePullDownRefresh": false,
 				"navigationBarBackgroundColor": "#ffffff"
 			}
-		}, {
+		},
+		{
+			"path": "pages/utabs/u-tabs",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+		},
+		{
 			"path": "pages/classification/classification",
 			"style": {
 				"navigationBarTitleText": "分类",
-				"enablePullDownRefresh": false
-				// "disableScroll": true
+				"enablePullDownRefresh": false,
+				"disableScroll": true
+				// "navigationBarBackgroundColor": "#ffffff",
+				// "onReachBottomDistance": 50 //距离底部多远时触发 单位为px
+				// "enablePullDownRefresh": true //设置参数为true
+			}
+
+		}, {
+			"path": "pages/Healthknowledge/Healthknowledge",
+			"style": {
+				"navigationBarTitleText": "健康常识",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+
+		}, {
+			"path": "pages/Healthitem/Healthitem",
+			"style": {
+				"navigationBarTitleText": "健康常识",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+		},
+		{
+			"path": "pages/customerservice/customerservice",
+			"style": {
+				"navigationBarTitleText": "在线客服",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+		}, {
+			"path": "pages/materialbenefits/materialbenefits",
+			"style": {
+				"navigationBarTitleText": "新人福利",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#ffffff"
 			}
 
 		}
@@ -369,10 +370,16 @@
 		"borderStyle": "black",
 		"backgroundColor": "#ffffff",
 		"list": [{
-				"pagePath": "pages/homepage/homepage",
-				"iconPath": "static/homepagew.png",
-				"selectedIconPath": "static/homepagews.png",
-				"text": "首页"
+			"pagePath": "pages/homepage/homepage",
+			"iconPath": "static/homepagew.png",
+			"selectedIconPath": "static/homepagews.png",
+			"text": "首页"
+		},
+			{
+				"pagePath": "pages/shopping/shopping",
+				"iconPath": "static/shoping.png",
+				"selectedIconPath": "static/shopingw.png",
+				"text": "商城"
 			},
 			{
 				"pagePath": "pages/Personal/Personal",
diff --git a/pages/Doctordetails/Doctordetails.vue b/pages/Doctordetails/Doctordetails.vue
deleted file mode 100644
index 4c8c15f..0000000
--- a/pages/Doctordetails/Doctordetails.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-	<view class="app">
-		<view class="info">
-			<view class="image">
-			</view>
-			<view class="name">
-				某某某
-			</view>
-			<view class="position">
-				主任医师
-			</view>
-			<view class="border">
-
-			</view>
-			<view class="text">
-				熟悉呼吸系统疾病的诊治，尤其擅 长肺栓塞、肺动脉高压和慢性气道疾 病的研究。
-			</view>
-		</view>
-		<view class="price">
-
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			};
-		}
-	}
-</script>
-
-<style lang="scss">
-	.app {
-		padding-top: 20rpx;
-
-		.price {
-			width: 94%;
-			height: 105rpx;
-			background: #FFFFFF;
-			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
-			border-radius: 20rpx;
-			margin: 0 auto;
-			margin-top: 15rpx;
-		}
-
-		.info {
-			width: 94%;
-			height: 651rpx;
-			margin: 0 auto;
-			background: #FFFFFF;
-			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
-			border-radius: 20rpx;
-			position: relative;
-			font-size: 36rpx;
-
-			.text {
-				width: 90%;
-				line-height: 67rpx;
-				position: absolute;
-				left: 5%;
-				top: 263rpx;
-				text-indent: 1em;
-			}
-
-			.border {
-				width: 90%;
-				margin: 0 auto;
-				height: 1rpx;
-				background: #D8D4D4;
-				position: absolute;
-				left: 5%;
-				top: 209rpx;
-			}
-
-			.position {
-				font-size: 35rpx;
-				color: #969394;
-				position: absolute;
-				left: 264rpx;
-				top: 122rpx;
-			}
-
-			.name {
-				position: absolute;
-				left: 264rpx;
-				top: 68rpx;
-			}
-
-			.image {
-				width: 147rpx;
-				height: 150rpx;
-				background: #BFBFBF;
-				border-radius: 25rpx;
-				position: absolute;
-				left: 74rpx;
-				top: 32rpx;
-			}
-		}
-
-	}
-</style>
diff --git a/pages/Healthitem/Healthitem.vue b/pages/Healthitem/Healthitem.vue
new file mode 100644
index 0000000..1a4da59
--- /dev/null
+++ b/pages/Healthitem/Healthitem.vue
@@ -0,0 +1,50 @@
+<template>
+	<view class="app">
+		<view class="title">
+			{{item.informationTitle}}
+		</view>
+		<view class="text" v-html="item.informationContent">
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				item: null,
+			};
+		},
+		onLoad(options) { //获取传值
+			this.item = JSON.parse(decodeURIComponent(options.item))
+			this.item.informationContent = this.item.informationContent.replace(/\<img/gi,
+				"<br/> <img class='richPic'")
+		},
+		onReady() { //更改导航栏文字
+		},
+	}
+</script>
+
+<style lang="scss">
+	.title {
+		padding-left: 3%;
+		font-size: 38rpx;
+		font-weight: bold;
+		white-space: normal;
+		word-break: break-all;
+		margin-bottom: 20rpx;
+	}
+
+	.text {
+		width: 96%;
+		margin: 0 auto;
+		background-color: #fff;
+		padding: 20rpx;
+		border-radius: 10rpx;
+	}
+
+	/deep/ .richPic {
+		width: 100% !important;
+		height: 100% !important;
+	}
+</style>
diff --git a/pages/Healthknowledge/Healthknowledge.vue b/pages/Healthknowledge/Healthknowledge.vue
new file mode 100644
index 0000000..69ad69b
--- /dev/null
+++ b/pages/Healthknowledge/Healthknowledge.vue
@@ -0,0 +1,174 @@
+<template>
+	<view class="app">
+		<u-tabs :list="tabList" :current="tabcurrent" @change="change"></u-tabs>
+		<view class="Healthknowledge" v-if="informationCategoryVOList.length>0">
+			<!-- <view class="title">
+				健康常识
+			</view> -->
+			<view class="list">
+				<view class="item" v-for="(item,index) in informationCategoryVOList" :key="index"
+					@tap='gohealthitem(item)'>
+					<view class="text">
+						{{item.informationTitle}}
+					</view>
+					<view class="author"></view>
+					<image :src="item.leadThumbnailUrl" mode=""></image>
+				</view>
+			</view>
+		</view>
+		<view class="noorder" v-else>
+			<image src="../../static/noorder.png" mode=""></image>
+			<view class="">
+				暂无内容
+			</view>
+		</view>
+		<u-back-top :scroll-top="scrollTop"></u-back-top>
+	</view>
+</template>
+
+<script>
+	import {
+		getHeathHousingList
+	} from '@/api/Healthknowledge/index.js'
+	import baseurl from '@/api/baseurl.js'
+	export default {
+		data() {
+			return {
+				tabcurrent: 0,
+				tabList: [{
+					name: '健康常识'
+				}],
+				pageNum: 1,
+				pageSize: 10,
+				informationCategoryVOList: [],
+				total: 0,
+				scrollTop: 0,
+			};
+		},
+		onShow() {},
+		onLoad() {
+			this.pageNum = 1
+			this.getHeathHousing();
+		},
+		methods: {
+			//跳转健康咨询item
+			gohealthitem(item) {
+				uni.navigateTo({
+					url: `/pages/Healthitem/Healthitem?item=${encodeURIComponent(JSON.stringify(item))}`
+				})
+			},
+			getHeathHousing() {
+				getHeathHousingList(this.pageNum, this.pageSize).then(res => {
+					res.rows.forEach(e => {
+						e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
+					})
+					this.informationCategoryVOList = res.rows
+					this.total = res.total
+				})
+			},
+			change() {},
+		},
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		onReachBottom() { //下滑加载
+			if (this.informationCategoryVOList.length >= this.total) {} else {
+				this.pageNum++
+				getHeathHousingList(this.pageNum, this.pageSize).then(res => {
+					if (res.rows) {
+						res.rows.forEach(e => {
+							e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
+							this.informationCategoryVOList.push(e)
+						})
+					}
+				})
+			}
+		},
+		onPullDownRefresh() { //下拉刷新
+			this.pageNum = 1;
+			this.getHeathHousing();
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		padding: 0;
+
+		.noorder {
+			margin-top: 20%;
+
+			image {
+				display: block;
+				margin: 0 auto;
+				width: 200rpx;
+				height: 240rpx;
+			}
+
+			view {
+				margin-top: 100rpx;
+				text-align: center;
+				font-size: 36rpx;
+				color: #BFBFBF;
+			}
+		}
+
+		.Healthknowledge {
+			width: 94%;
+			margin: 20rpx auto;
+			padding: 0 50rpx 50rpx;
+			background-color: #fff;
+			position: relative;
+			line-height: 46rpx;
+
+			.list {
+				width: 100%;
+				margin: 20rpx auto 0;
+
+				.item {
+					width: 100%;
+					height: 200rpx;
+					position: relative;
+					border-bottom: 2rpx solid #CDC9C9;
+
+					image {
+						position: absolute;
+						right: 0;
+						top: 50%;
+						transform: translateY(-50%);
+						width: 253rpx;
+						height: 164rpx;
+						border-radius: 10rpx;
+					}
+
+					.author {
+						position: absolute;
+						bottom: 20rpx;
+						left: 0;
+						font-size: 20rpx;
+						color: #969494;
+					}
+
+					.text {
+						position: absolute;
+						top: 20rpx;
+						left: 0;
+						width: 50%;
+						font-size: 30rpx;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+				}
+			}
+
+			.title {
+				font-size: 38rpx;
+				font-weight: bold;
+			}
+		}
+	}
+</style>
diff --git a/pages/Personal/Personal.vue b/pages/Personal/Personal.vue
index 244eb38..afa1903 100644
--- a/pages/Personal/Personal.vue
+++ b/pages/Personal/Personal.vue
@@ -13,12 +13,6 @@
 					我的订单
 				</view>
 			</view>
-			<!-- <view class="item" style="background-color: #00C176 ;">
-				<image src="../../static/home.png" mode=""></image>
-				<view class="title" style="font-size: 42rpx;">
-					我的家庭
-				</view>
-			</view> -->
 			<view class="item">
 			</view>
 			<view class="item">
diff --git a/pages/ProjectDetails/ProjectDetails.scss b/pages/ProjectDetails/ProjectDetails.scss
index 69a3231..ea51639 100644
--- a/pages/ProjectDetails/ProjectDetails.scss
+++ b/pages/ProjectDetails/ProjectDetails.scss
@@ -1,9 +1,25 @@
 	.app {
 		height: 100%;
-		padding: 2% 2% 150rpx 2%;
+		padding: 0 0 0 0;
 		padding-top: 10rpx;
 		font-size: 34rpx;
 		position: relative;
+		.swiper-box {
+			width: 100%;
+			height: 500rpx;
+		}
+		.swiper-item {
+			height: 500rpx;
+			text-align: center;
+			image{
+				width: 100%;
+				height: 500rpx !important;
+			}
+		}
+		video{
+			height: 100%;
+			width: 100%;
+		}
 		.mask {
 			.information {
 				width: 70%;
@@ -49,101 +65,69 @@
 				}
 			}
 		}
-		.appointment {
-			width: 120rpx;
-			height: 70rpx;
-			background: #4C7BC9;
-			border-radius: 26rpx;
-			color: #ffffff;
-			text-align: center;
-			line-height: 70rpx;
-			position: absolute;
-			bottom:20rpx;
-			right:5%;
+		.bottomcontent{
+			position: fixed;
+			width: 100%;
+			height: 100rpx;
+			bottom: 0;
+			background-color: #FFFFFF;
+			.appoinprice{
+				padding-left: 20rpx;
+				font-size: 48rpx;
+				color: #F44B2F;
+				line-height: 70rpx;
+			}
+			.appointment {
+				width: 200rpx;
+				height: 70rpx;
+				background: #F44B2F;
+				border-radius: 30rpx;
+				color: #ffffff;
+				text-align: center;
+				line-height: 70rpx;
+				position: absolute;
+				bottom:20rpx;
+				right:5%;
+			}
 		}
+
 		.detailtitle {
 			position: relative;
-			width: 94%;
+			width: 100%;
 			height: 100%;
 			margin: 0 auto;
 			background: #FFFFFF;
-			border-radius: 20rpx;
 			margin-top: 3%;
 			font-size: 31rpx;
 			padding: 3%;
-			padding-bottom: 50rpx;
+			padding-bottom: 150rpx;
 			.textInfo {
 				word-break:break-all;
 				font-size: 29rpx;
 				text-indent: 2rem;
 				line-height: 42rpx;
 				color: #666666;
-				padding-top: 30rpx;
 				/deep/ .richPic {
 					width: 100% !important;
 					height: 100% !important;
 				}
 			}
 			.Introduction {
-				font-size: 31rpx;
-				color: #333333;
-				line-height: 12rpx;
-				margin-left: -3%;
-				padding: 3%;
+				padding: 3% 3% 3% 0;
+				font-size: 32rpx;
 			}
 		}
 		.item {
-			width: 95%;
-			height: 100%;
+			margin: 0 auto;
+			width: 100%;
+			height: 200rpx;
 			background: #FFFFFF;
-			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
-			border-radius: 20rpx;
-			margin: 20rpx auto 0;
-			padding: 3% 3% 40rpx 3%;
-			line-height: 60rpx;
-			position: relative;
-
-			image {
-				width: 170rpx;
-				height: 170rpx;
-				margin-left: 3%;
-			}
-
-			.servicetime {
-				color: #999999;
-				line-height: 37rpx;
-				font-size: 30rpx;
-				position: absolute;
-				top: 35%;
-				left: 35%;
-			}
-
-			.price {
-				color: red;
-				font-size: 32rpx;
-				position: absolute;
-				top: 65%;
-				left: 35%;
-			}
-
-			.product {
-				color: #000000;
-				width: 60%;
-				position: absolute;
-				top: 14%;
-				left: 32%;
-				font-size: 28rpx;
-			}
-
-			.huanyao {
-				color: #000000;
-				position: absolute;
-				top: 10%;
-				left: 35%;
-				width: 60%;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
+			.text{
+				padding:  40rpx 20% 0 40rpx;
+				width: 100%;
+				height: 81rpx;
+				font-size: 38rpx;
+				font-weight: 500;
 			}
 		}
 
diff --git a/pages/ProjectDetails/ProjectDetails.vue b/pages/ProjectDetails/ProjectDetails.vue
index ff772b7..b52d54a 100644
--- a/pages/ProjectDetails/ProjectDetails.vue
+++ b/pages/ProjectDetails/ProjectDetails.vue
@@ -1,28 +1,55 @@
 <template>
 	<view class="app">
+		<view class="container">
+			<view>
+				<!-- 轮播图 -->
+				<swiper indicator-dots="true" indicator-color='#fff' indicator-active-color='#0086d6'
+					:autoplay="autoplay" interval="3000" duration="1500" show-center-play-btn="true" class="swiper-box"
+					circular='true' @change="swiperChange">
+					<swiper-item v-for="(item ,index) in lbinfo" :key="index">
+						<view class="swiper-item" v-show="!splits(item)" wx-if="{item}">
+							<image v-if="item" :src="item" mode="widthFix"></image>
+						</view>
+						<view class="swiper-item" v-show="splits(item)" v-if="item">
+							<video :id="'myVideo'+index" :autoplay="false" :src="item" controls show-fullscreen-btn
+								object-fit="fill" @play="play" @pause="pause" @ended="ended" auto-pause-if-navigate
+								show-play-btn :enable-progress-gesture='true' :show-center-play-btn='true'
+								enable-play-gesture auto-pause-if-open-native show-mute-btn></video>
+						</view>
+					</swiper-item>
+				</swiper>
+			</view>
+		</view>
+		<!-- <u-swiper v-if="lbinfo" :list="lbinfo" height="350" style='background-size: 100%;' mode='none'></u-swiper> -->
 		<view class="item">
-			<image :src="list.itemPictureUrl"></image>
-			<view class="huanyao">{{list.nurseItemName}}
+			<view class="text" v-if='list.nurseItemName'>{{list.nurseItemName}}
+			</view>
+			<view class="text" v-else>暂无
+			</view>
+			<view class="classtype">
 			</view>
 			<!-- <view class="pingfen">
 			<u-rate :count="5" value="2"></u-rate>
 		</view> -->
-			<view class="servicetime">服务时长:{{list.serveDurationUnit?list.serveDurationUnit:'0'}}</view>
-			<view class="price">￥{{list.nurseItemPrice==null?'0':list.nurseItemPrice}}</view>
 		</view>
-		<view class="Consumablespackage" v-if='list.itemConsumableList'>耗材包详情:
+		<!-- 		<view class="Consumablespackage" v-if='list.itemConsumableList'>耗材包详情:
 			<span>￥{{list.consumableTotalPrice==null?'0':list.consumableTotalPrice}}</span>
 			<view class="detail" v-for='(item,index) in list.itemConsumableList' :key="index">
 				·{{item.consumableDetail}}
 				<span>{{item.consumableCount}}{{item.consumableUnit}}/￥{{item.consumablePrice}}</span>
 			</view>
-		</view>
+		</view> -->
 		<view class="detailtitle">
 			<view class="Introduction">服务详情:</view>
-			<view class="textInfo" v-html="list.nurseItemContent">
+			<view class="textInfo" v-if="list.nurseItemContent" v-html="list.nurseItemContent">
 			</view>
 		</view>
-		<view class="appointment" @tap.stop='goappointments(item)'>预约</view>
+		<view class="bottomcontent">
+			<view class="appoinprice" v-if="list.totalPrice">
+				￥{{list.totalPrice}}
+			</view>
+			<view class="appointment" @tap.stop='goappointments(item)'>立即预约</view>
+		</view>
 		<u-toast ref="uToast" />
 		<u-mask :show="usershow" class='mask'>
 			<view class="information">
@@ -51,65 +78,116 @@
 	export default {
 		data() {
 			return {
+				lbinfo: [], //轮播
+				autoplay: true, //自动切换轮播图
+				videoContext: '',
 				baseurl: '',
-				list: {},
 				orderNo: '',
 				usershow: false, //完善信息开关
-				list: [], //护理站list
+				list: {}, //护理站list
 				timer: null,
+				stationId: null,
+				stationItemId: null,
+				stationItemPriceId: null,
 			}
 		},
 		onLoad(options) {
-			// 耗材包详情方法调用
-			this.getlist(options.stationId, options.stationItemId, options.stationItemPriceId)
+			this.stationId = options.stationId
+			this.stationItemId = options.stationItemId
+			this.stationItemPriceId = options.stationItemPriceId
 		},
 		onShow() {
+			this.baseurl = baseurl
 			this.usershow = false
+			// 耗材包详情方法调用
+			this.getlist(this.stationId, this.stationItemId, this.stationItemPriceId)
 		},
 		methods: {
+			swiperChange(e) {
+				let {
+					current,
+					source
+				} = e.detail
+				this.videoContext = uni.createVideoContext('myVideo' + (current - 1));
+				//只有手动切换时开始轮播，并且上一页视频暂停
+				if (source === 'touch') {
+					this.videoContext.pause(); //暂停
+					this.autoplay = true
+				}
+			},
+			// 获取数据
+			GetBanner() {},
+			// 处理banner返回的是是视频还是图片
+			splits(url) {
+				if (url.indexOf('.') != -1) {
+					var ext = url.substring(url.lastIndexOf('.') + 1);
+					return ['mp4', 'webm', 'mpeg4', 'ogg'].indexOf(ext) != -1
+				}
+			},
+			// 点击开始/继续播放
+			play() {
+				this.autoplay = false
+				// this.videoContext.requestFullScreen()
+			},
+			// 视频暂停
+			pause() {
+				this.autoplay = true
+			},
+			// 视频结束
+			ended() {
+				this.autoplay = true
+			},
 			//预约
 			goappointments() {
 				let that = this
-				const value = uni.getStorageSync('patientId');
-				if (value) {
-					AppIdentification(value).then(res => {
-						if (res.code == 200) {
-							if (res.data.loginFlag) {
-								that.usershow = false
-								uni.navigateTo({
-									url: `/pages/appointmenttime/appointmenttime?stationId=${this.list.stationId}&stationItemId=${this.list.stationItemId}&stationItemPriceId=${this.list.stationItemPriceId}`,
-								})
+				try {
+					const value2 = uni.getStorageSync('patientId');
+					if (value2) {
+						AppIdentification(value2).then(res => {
+							if (res.code == 200) {
+								if (res.data.loginFlag) {
+									that.usershow = false
+									uni.navigateTo({
+										url: `/pages/appointmenttime/appointmenttime?stationId=${this.stationId}&stationItemId=${this.stationItemId}&stationItemPriceId=${this.stationItemPriceId}`,
+									})
+								} else {
+									that.usershow = true
+								}
+							} else if (res.code == 9999) {
+
 							} else {
-								that.usershow = true
-							}
-						} else {
-							that.$refs.uToast.show({
-								title: res.msg,
-								type: 'error'
-							})
-							if (that.timer) {
-								clearTimeout(that.timer)
-							}
-							that.timer = setTimeout(e => {
-								uni.navigateTo({
-									url: '/pages/login/login'
+								that.$refs.uToast.show({
+									title: res.msg,
+									type: 'error'
 								})
-							}, 1500)
-						}
-					})
-				} else {
-					that.$refs.uToast.show({
-						title: '未登录,请先登录',
-						type: 'error'
-					})
-					if (that.timer) {
-						clearTimeout(that.timer)
-					}
-					that.timer = setTimeout(e => {
-						uni.navigateTo({
-							url: '/pages/login/login'
+								if (that.timer) {
+									clearTimeout(that.timer)
+								}
+								that.timer = setTimeout(e => {
+									uni.navigateTo({
+										url: '/pages/login/login'
+									})
+								}, 1500)
+							}
 						})
-					}, 1500)
+					} else {
+						that.$refs.uToast.show({
+							title: '未登录,请先登录',
+							type: 'error'
+						})
+						if (that.timer) {
+							clearTimeout(that.timer)
+						}
+						that.timer = setTimeout(e => {
+							uni.navigateTo({
+								url: '/pages/login/login'
+							})
+						}, 1500)
+					}
+				} catch (e) {
+					uni.navigateTo({
+						url: '/pages/login/login'
+					})
 				}
 			},
 			//跳转完善页面
@@ -121,16 +199,46 @@
 			},
 			// 信息
 			getlist(stationId, stationItemId, stationItemPriceId) {
+				this.lbinfo = []
 				getAppStationItemInfo(stationId, stationItemId, stationItemPriceId).then(res => {
 					if (res.data.nurseItemContent) {
 						res.data.nurseItemContent = res.data.nurseItemContent.replace(/\<img/gi,
 							"<br/> <img class='richPic'")
 					}
-					res.data.itemPictureUrl = baseurl + res.data.itemPictureUrl
+					if (res.data.poserInfoList.length >= 1) {
+						res.data.poserInfoList.forEach(e => {
+							e.image = baseurl + e.posterPictureUrl
+							this.lbinfo.push(e.image)
+						})
+						if (res.data.poserInfoList[0].video) {
+							res.data.poserInfoList[0].video = baseurl + res.data.poserInfoList[0].posterVideoUrl
+							this.lbinfo.push(res.data.poserInfoList[0].video)
+						}
+					} else {
+						this.lbinfo.push(this.baseurl + res.data.itemPictureUrl)
+					}
 					this.list = res.data
 				})
 			},
-		}
+		},
+		//1.分享给朋友
+		onShareAppMessage(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
+		//2.分享到朋友圈
+		onShareTimeline(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
 	}
 </script>
 
diff --git a/pages/appointmenttime/appointmenttime.scss b/pages/appointmenttime/appointmenttime.scss
index 73f23af..8210f45 100644
--- a/pages/appointmenttime/appointmenttime.scss
+++ b/pages/appointmenttime/appointmenttime.scss
@@ -1,9 +1,7 @@
-
-	.app {
+.app {
 		font-size: 34rpx;
 		padding-top: 10rpx;
 		height: 100%;
-
 		.mask {
 			.Agreement {
 				width: 100%;
@@ -99,31 +97,64 @@
 			border-radius: 20rpx;
 			line-height: 93rpx;
 
-			.selecttime {
-				height: 93rpx;
-				margin-left: 3%;
-				position: relative;
-
-				text {
-					font-size: 34rpx;
-					color: #878987;
-				}
-
-				image {
-					width: 18rpx;
-					height: 27rpx;
-					position: absolute;
-					right: 5%;
-					top: 50%;
-					transform: translateY(-50%);
-				}
-
-				.addition {
-					color: #666666;
-					line-height: 30rpx;
+	.timeyear{
+		.bottomtext{
+			width: 96%;
+			margin: 0 auto;
+			.items{
+				display: flex;
+				justify-content:flex-start;
+				flex-wrap: wrap;
+				text-align: center;
+				.timeitem{
+					width: 21%;
+					margin: 0 2% 20rpx;
+					height: 86rpx;
+					border-radius: 5rpx;
 					font-size: 28rpx;
+					line-height: 86rpx;
+					border: 2rpx solid #DADADA;
+				}
+				.timeitemtap{
+					width: 21%;
+					margin: 0 2% 20rpx;
+					height: 86rpx;
+					border: 2rpx solid #F44B2F;
+					border-radius: 5rpx;
+					font-size: 28rpx;
+					color: #F44B2F;
+					line-height: 86rpx;
 				}
 			}
+		}
+		.toptext{
+			padding-top: 10rpx;
+			display: flex;
+			justify-content:space-around;
+			height: 50rpx;
+			color: #000000;
+			line-height: 27rpx;
+			margin-bottom: 30rpx;
+			text-align: center;
+			.Soonerorlater{
+				width: 200rpx;
+				font-size: 36rpx;
+				height: 50rpx;
+			}
+			.Soonerorlaterclass{
+				font-size: 36rpx;
+				color: #F44B2F;
+				width: 200rpx;
+				height: 50rpx;
+			}
+			view:nth-child(2){
+				width: 4rpx;
+				height: 27rpx;
+				background: #C5C3C3;
+				border-radius: 2rpx;
+			}
+		}
+	}
 
 			.item {
 				width: 97%;
@@ -140,7 +171,6 @@
 
 		.remarks {
 			width: 94%;
-			height: 382rpx;
 			margin: 10rpx auto;
 			padding: 3%;
 			font-size: 34rpx;
@@ -152,7 +182,13 @@
 
 			span {
 				display: inline-block;
-				width: 20%;
+				width: 60%;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				position: absolute;
+				top:50%;
+				transform: translateY(-50%);
 			}
 
 			input {
@@ -249,10 +285,9 @@
 			}
 		}
 
-		.Consumablespackage .money {
+			.Consumablespackage .money {
 			top: 8%;
 		}
-
 		/* 耗材包 */
 		.Consumablespackage {
 			width: 94%;
@@ -264,28 +299,43 @@
 			margin-top: 20rpx;
 			position: relative;
 			padding-bottom: 40rpx;
-
+			::v-deep .u-checkbox__label{
+				width: 100% !important;
+			}
 			.detail {
 				width: 100%;
 				line-height: 100rpx;
-
 				// padding: 20rpx 0 0 40rpx;
-				/deep/ .u-checkbox {
-					margin: 40rpx 0 0;
+				position: relative;
+				.itemConsumabletitle{
+					width:55%;
+					position: absolute;
+					top:50%;
+					transform: translateY(-50%);
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+					display: inline-block;
+					font-size: 28rpx;
+				}
+				/deep/ .u-checkbox-group {
+					width: 100% !important;
+				}
+				/deep/ .u-checkbox{
+					width: 100% !important;
+					margin: 40rpx 0  0;
 					position: relative;
 				}
-				/deep/ .u-checkbox-group{
+				span{
 					width: 100%;
-				}
-				/deep/ .u-checkbox__label{
-					width: 100%;
-				}
-				span {
 					display: inline-block;
-					font-size: 30rpx;
+					font-size: 28rpx;
 					color: #D43953;
 					text-align: right;
-					float: right;
+					position: absolute;
+					right:5%;
+					top:50%;
+					transform: translateY(-50%);
 				}
 			}
 		}
@@ -303,6 +353,9 @@
 			position: relative;
 
 			.detail {
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
 				line-height: 31rpx;
 				font-size: 32rpx;
 				color: #666666;
@@ -310,6 +363,7 @@
 				position: absolute;
 				left: 10%;
 				top: 60%;
+				width: 90%;
 			}
 		}
 
diff --git a/pages/appointmenttime/appointmenttime.vue b/pages/appointmenttime/appointmenttime.vue
index ee0a122..a578f42 100644
--- a/pages/appointmenttime/appointmenttime.vue
+++ b/pages/appointmenttime/appointmenttime.vue
@@ -9,27 +9,45 @@
 				<span>电话：</span>
 				<span class='addition'>{{personInfo.phone}}</span>
 			</view>
-			<view class="item">
-				<span>地址：</span>
-				<span class='addition'>{{personInfo.address}}</span>
+			<view class="addressitem">
+				<view class="leftaddress">地址：</view>
+				<view class='addition'>{{personInfo.address}}</view>
 			</view>
 			<view class="item" style="border: 0;">
-				<span></span>
-				<span class='addition'>请您选择希望护理员到达的时间区间</span>
+				<span>上门时间：</span>
+				<span class='addition'>请您选择希望护理员到达的时间</span>
 			</view>
-			<view class="selecttime" @tap='yearshow=true'>
-				<span>日期：</span>
-				<text v-if="yeartime==''" class='addition'>请选择日期
-					<image src="../../static/jiantou.png"></image>
-				</text>
-				<text v-else class='addition'>{{yeartime}}</text>
-			</view>
-			<view class="selecttime" @tap='timeshow=true'>
-				<span>时间：</span>
-				<text v-if="usertime==''" class='addition'>请选择时间区间
-					<image src="../../static/jiantou.png"></image>
-				</text>
-				<text v-else class='addition'>{{usertime}}</text>
+			<tabs :list="orderlist.appointmentTimeList" :current="timecurrent" @change="timechange">
+			</tabs>
+			<view class="timeyear" v-if="orderlist.appointmentTimeList">
+				<view class="toptext">
+					<view :class="Soonerorlater=='morning'?'Soonerorlaterclass':'Soonerorlater'"
+						@tap="tapSoonerorlater('morning')">
+						上午
+					</view>
+					<view class="">
+					</view>
+					<view :class="Soonerorlater=='after'?'Soonerorlaterclass':'Soonerorlater'"
+						@tap="tapSoonerorlater('after')">
+						下午
+					</view>
+				</view>
+				<view class="bottomtext">
+					<view class="items" v-if="Soonerorlater=='morning'">
+						<view @tap='taptime(item,index)'
+							v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].morningList"
+							:class="timeindex==index?'timeitemtap':'timeitem'">
+							{{item}}
+						</view>
+					</view>
+					<view class="items" v-if="Soonerorlater=='after'">
+						<view @tap='taptime(item,index)'
+							v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].afternoonList"
+							:class="timeindex==index?'timeitemtap':'timeitem'">
+							{{item}}
+						</view>
+					</view>
+				</view>
 			</view>
 		</view>
 		<view class="remarks">
@@ -39,17 +57,17 @@
 		<view class="Package">套餐信息：
 			<text class="money">￥{{orderlist.nurseItemPrice}}</text>
 			<text class="detail">
-				·<span style='padding-left: 10rpx;'>{{orderlist.nurseItemName}}</span>
+				{{orderlist.nurseItemName}}
 			</text>
 		</view>
 		<view class="Consumablespackage">耗材包详情：
 			<text class="money">￥{{consumableTotalPrice}}</text>
 			<view class="detail">
-				<u-checkbox-group @change="checkboxGroupChange">
+				<u-checkbox-group @change="checkboxGroupChange" :wrap='true'>
 					<u-checkbox @change="checkboxChange(item)" v-model="item.radio"
 						v-for="(item, index) in orderlist.itemConsumableList" :key="index"
 						:name="item.consumableDetail">
-						<view style='display: inline-block;'> {{item.consumableDetail}}</view>
+						<view class='itemConsumabletitle'> {{item.consumableDetail}}</view>
 						<span>{{item.consumableCount}}{{item.consumableUnit}}/￥{{item.consumablePrice}}</span>
 					</u-checkbox>
 				</u-checkbox-group>
@@ -74,16 +92,13 @@
 			<view class="queren" @tap='updata'>确认预约</view>
 		</view>
 		<u-toast ref="uToast" />
-		<u-picker v-model="yearshow" mode="time" start-year='2022' :params="yearparams" @confirm='yeartimeconfirm'>
-		</u-picker>
-		<upicker v-model="timeshow" mode="time" :params="timeparams" @confirm='timeconfirm'></upicker>
 		<!-- //用户协议 -->
 		<u-mask :show="maskshow" class='mask' @click='maskshow=false'>
 			<view class="Agreement">
 				<view class="title">
 					护理站上门服务知情同意书
 				</view>
-				<scroll-view scroll-y="true" class="scroll-Y">
+				<scroll-view scroll-y="true" class="scroll-Y" style="">
 					<appointmenttext></appointmenttext>
 				</scroll-view>
 				<view class="cancel" @tap='maskshow=false'>
@@ -100,45 +115,28 @@
 	import {
 		getAppStationItemInfo,
 		getAppPatientList,
-		submitAppointment
+		submitAppointment,
+		appletAppointmentOrderPay
 	} from '@/api/appointmenttime/appointmenttime.js'
 	import baseurl from '@/api/baseurl.js'
-	import upicker from '../picker/picker.vue'
 	import appointmenttext from './text.vue'
+	import tabs from '../utabs/u-tabs.vue'
 	export default {
 		components: {
-			upicker,
-			appointmenttext
+			appointmenttext,
+			tabs
 		},
 		data() {
 			return {
-				timeparams: { //picker组件所需
-					year: false,
-					month: false,
-					day: false,
-					hour: true,
-					endhour: true,
-					minute: true,
-					endminute: true,
-				},
-				timeshow: false, //时间开关
-				usertime: '', //页面展示时间
-				yearparams: { //picker组件所需
-					year: true,
-					month: true,
-					day: true,
-					hour: false,
-					minute: false,
-					second: false
-				},
-				yearshow: false, //时间开关
-				yeartime: '', //页面展示时间
+				Soonerorlater: 'morning',
+				timecurrent: 0, //时间下标
+				openid: '',
 				maskshow: false, //用户协议开关
 				radio: 1, //用户协议
-				personInfo: [], //用户信息
+				personInfo: {}, //用户信息
 				patientId: null,
-				usertime: '', //页面展示时间
-				consumableTotalPrice: null, //耗材包总价格
+				useritem: null, //optionsuser信息
+				consumableTotalPrice: 0, //耗材包总价格
 				orderlist: {
 					orderCount: 1,
 					patientId: '',
@@ -147,7 +145,7 @@
 					stationItemPriceId: '',
 					serviceAddress: "",
 					serviceDate: "",
-					serviceStartTime: "",
+					serviceStartTime: null,
 					serviceEndTime: "",
 					nurseItemName: "",
 					nurseItemPrice: '',
@@ -156,7 +154,9 @@
 					totalPrice: '',
 					remark: "",
 					orderConsumableList: [],
+					orderChannel: '',
 				},
+				timeindex: 0,
 			}
 		},
 		onShow() {
@@ -173,17 +173,166 @@
 					that.personInfo.address = that.useritem.address
 				} else {}
 			})
-			setTimeout(e => {
-				if (!that.useritem) {
-					that.userinfo();
-				}
-			}, 500)
 		},
 		onLoad(options) {
+			var that = this
+			try {
+				const value = uni.getStorageSync('openid');
+				if (value) {
+					that.openid = value
+				}
+			} catch (e) {}
 			//耗材包详情方法调用
 			this.getPatientInfo(options.stationId, options.stationItemId, options.stationItemPriceId)
+			this.userinfo();
 		},
 		methods: {
+			//切换上下午
+			tapSoonerorlater(item) {
+				this.Soonerorlater = item
+				this.timeindex = 0
+				if (item == 'morning') {
+					this.orderlist.serviceStartTime = this.orderlist.appointmentTimeList[this.timecurrent].morningList[0]
+				} else if (item == 'after') {
+					this.orderlist.serviceStartTime = this.orderlist.appointmentTimeList[this.timecurrent].afternoonList[0]
+				}
+			},
+			//选择时间
+			taptime(item, index) {
+				this.orderlist.serviceStartTime = item
+				this.timeindex = index
+			},
+			userinfo() {
+				//取出patientId
+				var that = this
+				try {
+					const value = uni.getStorageSync('patientId');
+					if (value) {
+						that.patientId = value
+						//被护理人信息
+						getAppPatientList(that.patientId).then(response => {
+							that.personInfo = response.data
+							that.personInfo.address = response.data.areaName + response.data.address
+						})
+					}
+				} catch (e) {}
+			},
+			timechange(index) {
+				this.orderlist.serviceDate = this.orderlist.appointmentTimeList[index].date
+				this.timecurrent = index
+			},
+			//获取耗材包详情
+			getPatientInfo(stationId, stationItemId, stationItemPriceId) {
+				getAppStationItemInfo(stationId, stationItemId, stationItemPriceId).then(res => {
+					res.data.nurseItemContent = ''
+					if (res.code == 200) {
+						if (res.data.itemConsumableList) {
+							res.data.itemConsumableList.forEach(e => {
+								e.radio = true
+							})
+						}
+						res.data.appointmentTimeList.forEach(e => {
+							e.dates = e.date.slice(5, 10)
+							e.name = e.week
+						})
+						this.orderlist = res.data
+						this.orderlist.serviceStartTime = res.data.appointmentTimeList[0].morningList[0]
+						this.orderlist.serviceDate = res.data.appointmentTimeList[0].date
+						this.consumableTotalPrice = res.data.consumableTotalPrice
+					}
+				})
+			},
+			//确认预约
+			updata() {
+				var that = this
+				console.log(this.orderlist)
+				this.orderlist.consumableTotalPrice = null
+				this.orderlist.orderChannel = 'WECHAT_APPLET'
+				if (this.radio == 1) {
+					this.$refs.uToast.show({
+						title: '请阅读用户协议并同意',
+						type: 'error',
+					})
+				} else {
+					this.orderlist.orderCount = 1;
+					this.orderlist.orderConsumableList = []
+					if (this.orderlist.itemConsumableList) {
+						this.orderlist.itemConsumableList.forEach(e => {
+							if (e.radio) {
+								this.orderlist.orderConsumableList.push(e)
+							}
+						})
+					}
+					this.orderlist.afternoonOpenEndTime = this.orderlist.afternoonOpenEndTime.slice(0, 5)
+					this.orderlist.afternoonOpenStartTime = this.orderlist.afternoonOpenStartTime.slice(0, 5)
+					this.orderlist.morningOpenEndTime = this.orderlist.morningOpenEndTime.slice(0, 5)
+					this.orderlist.morningOpenStartTime = this.orderlist.morningOpenStartTime.slice(0, 5)
+					this.orderlist.patientId = this.patientId
+					this.orderlist.serviceAddress = this.personInfo.areaName + this.personInfo.address
+					submitAppointment(this.orderlist).then(res => {
+						if (res.code == 500) {
+							that.$refs.uToast.show({
+								title: res.msg,
+								type: 'error',
+							})
+						} else if (res.code == 200) {
+							let obj = {
+								patientId: res.data.patientId,
+								openid: that.openid,
+								orderNo: res.data.orderNo,
+								orderChannel: res.data.orderChannel,
+								paymentPrice: res.data.totalPrice,
+								payType: "WECHAT_PAY",
+								buySource: "NURSE_STATION",
+							}
+							appletAppointmentOrderPay(obj).then(response => {
+								if (response.code == 200) {
+									uni.requestPayment({
+										timeStamp: response.data.timeStamp,
+										nonceStr: response.data.nonceStr,
+										package: response.data.prepayId,
+										signType: response.data.signType,
+										paySign: response.data.paySign,
+										success: function(res) {
+											that.$refs.uToast.show({
+												title: '预约成功',
+												type: 'success',
+												duration: 1500,
+												url: `/pages/paysuccess/paysuccess`
+											})
+										},
+										fail: function(err) {
+											that.$refs.uToast.show({
+												title: '取消预约',
+												type: 'error',
+												duration: 1500,
+												url: `/pages/menttimeorder/menttimeorder?list=${JSON.stringify(obj)}`
+											})
+										}
+									});
+								} else {
+									that.$refs.uToast.show({
+										title: response.msg,
+										type: 'error',
+										duration: 2000
+									})
+								}
+							})
+						}
+					})
+				}
+			},
+			changeRadio() {
+				if (this.radio == 1) {
+					this.radio = 2;
+				} else {
+					this.radio = 1;
+				}
+			},
+			tapradio() {
+				this.radio = 2;
+				this.maskshow = false
+			},
 			checkboxChange(e) {
 				if (e.radio) {
 					this.orderlist.totalPrice = this.argSubtr(this.orderlist.totalPrice, e.consumablePrice)
@@ -251,109 +400,13 @@
 				r2 = Number(arg2.toString().replace(".", ""))
 				return _this.argMul((r1 / r2), Math.pow(10, t2 - t1));
 			},
-			userinfo() {
-				//取出patientId
-				var that = this
-				try {
-					const value = uni.getStorageSync('patientId');
-					if (value) {
-						that.patientId = value
-						//被护理人信息
-						getAppPatientList(value).then(response => {
-							that.personInfo = response.data
-							that.personInfo.address = response.data.areaName + response.data.address
-							that.orderlist.patientId = response.data.patientId
-							that.orderlist.serviceAddress = response.data.areaName + response.data.address
-						})
-					}
-				} catch (e) {
-					// error
-				}
-			},
-			//获取耗材包详情
-			getPatientInfo(stationId, stationItemId, stationItemPriceId) {
-				getAppStationItemInfo(stationId, stationItemId, stationItemPriceId).then(res => {
-					res.data.nurseItemContent = ''
-					if (res.code == 200) {
-						if (res.data.itemConsumableList) {
-							res.data.itemConsumableList.forEach(e => {
-								e.radio = true
-							})
-						}
-						this.consumableTotalPrice = res.data.consumableTotalPrice
-						this.orderlist = res.data
-					}
-				})
-			},
-			//确认预约
-			updata() {
-				if (this.radio == 1) {
-					this.$refs.uToast.show({
-						title: '请阅读用户协议并同意',
-						type: 'error',
-					})
-				} else {
-					this.orderlist.consumableTotalPrice = null
-					this.orderlist.orderChannel = "MOBILE_APP"
-					this.orderlist.buySource = "NURSE_STATION"
-					this.orderlist.orderCount = 1;
-					this.orderlist.orderConsumableList = []
-					if (this.orderlist.itemConsumableList) {
-						this.orderlist.itemConsumableList.forEach(e => {
-							if (e.radio) {
-								this.orderlist.orderConsumableList.push(e)
-							}
-						})
-					}
-					// submitAppointment(this.orderlist).then(res => {
-					// 	if (res.code == 500) {
-					// 		this.$refs.uToast.show({
-					// 			title: res.msg,
-					// 			type: 'error',
-					// 		})
-					// 	} else if (res.code == 200) {
-					// 		this.$refs.uToast.show({
-					// 			title: '预约成功',
-					// 			type: 'success',
-					// 			url: '/pages/paysuccess/paysuccess',
-					// 			duration: 1500
-					// 		})
-					// 	}
-					// })
-				}
-			},
-			changeRadio() {
-				if (this.radio == 1) {
-					this.radio = 2;
-				} else {
-					this.radio = 1;
-				}
-			},
 			// 选中任一checkbox时，由checkbox-group触发
 			checkboxGroupChange(e) {},
-			// 全选
-			checkedAll() {},
-			//获取时间
-			timeconfirm(e) {
-				this.orderlist.serviceStartTime = e.hour + ":" + e.minute
-				this.usertime = e.hour + ":" + e.minute + '--' + e.endhour + ":" + e.endminute
-				this.orderlist.serviceEndTime = e.endhour + ":" + e.endminute
-				this.orderlist.patientId = this.personInfo.patientId
-				this.orderlist.serviceAddress = this.personInfo.address
-			},
-			yeartimeconfirm(e) {
-				this.orderlist.serviceDate = e.year + '-' + e.month + '-' + e.day
-				this.yeartime = e.year + '年' + e.month + '月' + e.day + "日"
-			},
 			goaddress() {
 				uni.navigateTo({
-					url: `/pages/modifyAddress/modifyAddress?url=${'appointmenttime'}&updata=${JSON.stringify(this.orderlist)}`
+					url: `/pages/modifyAddress/modifyAddress?updata=${JSON.stringify(this.orderlist)}`
 				})
 			},
-			tapradio() {
-				this.radio = 2;
-				this.maskshow = false;
-			},
 		}
 	}
 </script>
diff --git a/pages/classification/classification.vue b/pages/classification/classification.vue
index f0f4d8b..34a4a38 100644
--- a/pages/classification/classification.vue
+++ b/pages/classification/classification.vue
@@ -125,7 +125,7 @@
 				this.startData.pageY = e.changedTouches[0].pageY; //手指按下时的Y坐标
 			},
 			end(e) { //@touchend触摸结束
-				if ((this.startData.pageY - this.touch.pageY) > 100) { //在事件结束时，判断滑动的距离是否达到出发需要执行事件的要求
+				if ((this.startData.pageY - this.touch.pageY) > 200) { //在事件结束时，判断滑动的距离是否达到出发需要执行事件的要求
 					if (this.goodsList.length >= this.total) {} else {
 						this.pageNum++;
 						goodsList(this.pageSize, this.pageNum, this.GoodsCategorychildrenid, this.goodsName).then(res => {
@@ -318,6 +318,7 @@
 				.productlist {
 					padding-bottom: 40rpx;
 					overflow: scroll;
+					-webkit-overflow-scrolling: touch;
 					width: 100%;
 					height: 100%;
 					margin: 0 auto;
@@ -384,6 +385,7 @@
 
 				.lefttabbarlist {
 					overflow: scroll;
+					-webkit-overflow-scrolling: touch;
 					height: 100%;
 				}
 
diff --git a/pages/customerservice/customerservice.vue b/pages/customerservice/customerservice.vue
new file mode 100644
index 0000000..69ec122
--- /dev/null
+++ b/pages/customerservice/customerservice.vue
@@ -0,0 +1,67 @@
+<template>
+	<view class="app">
+		<view class="title">
+			长按识别二维码
+		</view>
+		<image src="../../static/kefuzx.jpg" mode="" :show-menu-by-longpress="true"></image>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				imageUrl: [
+					'../../static/kefuzx.jpg'
+				]
+			};
+		},
+		methods: {
+			previewImage(e) {
+				uni.previewImage({
+					// 需要预览的图片链接列表。若无需预览，可以注释urls
+					urls: this.imageUrl,
+					// 为当前显示图片的链接/索引值
+					current: 0,
+					// 图片指示器样式	
+					indicator: 'default',
+					// 是否可循环预览
+					loop: false,
+					// 长按图片显示操作菜单，如不填默认为保存相册
+					// longPressActions:{
+					// 	itemList:[this.l('发送给朋友'),this.l]
+					// },
+					success: res => {
+						console.log('previewImage res', res);
+					},
+					fail: err => {
+						console.log('previewImage err', err);
+					}
+				});
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		width: 100%;
+		height: 100vh;
+		padding: 0;
+		background-color: #000000;
+		position: relative;
+
+		.title {
+			color: #fff;
+			width: 100%;
+			text-align: center;
+			position: absolute;
+			top: 50rpx;
+		}
+
+		image {
+			width: 100%;
+			height: 1300rpx;
+		}
+	}
+</style>
diff --git a/pages/detail/detail.scss b/pages/detail/detail.scss
deleted file mode 100644
index 5107765..0000000
--- a/pages/detail/detail.scss
+++ /dev/null
@@ -1,115 +0,0 @@
-.app {
-		// font-size: 36rpx;
-		padding-top: 10rpx;
-
-		.concent {
-			width: 701rpx;
-			height: 811rpx;
-			background: #4C7BC9;
-			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
-			border-radius: 20rpx;
-			margin-top: 5%;
-			// left: 50%;
-			// transform: translateX(-50%);
-			margin: 0 auto;
-			margin-bottom: 20px;
-
-			.background {
-				position: relative;
-				// display: flex;
-				width: 657rpx;
-				height: 727rpx;
-				background: #FFFFFF;
-				border-radius: 25rpx;
-				background-color: white;
-				margin: 0 auto;
-				top: 50%;
-				transform: translateY(-50%);
-
-				image {
-					width: 178rpx;
-					height: 84rpx;
-					background: #FFFFFF;
-					border-radius: 25px;
-					// float: right;
-					margin-left: 68%;
-					margin-top: 5%;
-				}
-
-
-				// text-align:center;
-
-
-
-			}
-		}
-	}
-
-	.life {
-		// margin: 0 auto;
-		width: 162rpx;
-		height: 40rpx;
-		font-size: 42rpx;
-		margin-left: 35%;
-		color: #ffffff;
-
-
-
-	}
-
-
-
-	.lifeserve image {
-		width: 639rpx;
-		height: 739rpx;
-		margin-left: 5%;
-
-		padding-bottom: 20rpx;
-		// height: rpx;
-		// background: #E1AE3C;
-		// box-shadow: 0px 9px 31px 9px rgba(0,0,0,0.03);
-		// border-radius: 20px;
-	}
-
-	.concenta {
-
-		margin: 0 auto;
-		margin-bottom: 20px;
-		// position: absolute;
-		width: 701rpx;
-		height: 811rpx;
-		background: #E1AE3C;
-		// margin-top: 118%;
-		// margin-left: 2.55%;
-		border-radius: 25rpx;
-		// margin-bottom: 30rpx;
-	}
-
-	.concentb {
-		margin: 0 auto;
-		margin-bottom: 20px;
-		// position: absolute;
-		width: 701rpx;
-		height: 811rpx;
-		background: #00C176;
-		// margin-top: 118%;
-		// margin-left: 2.55%;
-		border-radius: 25rpx;
-		// margin-bottom: 30rpx;
-	}
-
-
-
-
-	.detailed {
-		// font-size: 29rpx;
-		width: 657rpx;
-		height: 727rpx;
-		padding: 0 42rpx;
-		line-height: 56rpx;
-	}
-
-	.detailed view {
-		// height: 100%;
-		text-indent: 2em;
-	}
diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
deleted file mode 100644
index a7c67c7..0000000
--- a/pages/detail/detail.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<template>
-
-	<view class="app">
-		<view class="concent">
-			<view class="background">
-				<image src="/static/logo.png" mode=""></image>
-				<view>
-					<view class="detailed">
-						<view>护理站是以维护社区人群健康、满足社区 人群基本医疗护理需求为宗旨，以护士为核心 的各类护理人员组成的团队，在一定社区范围 内，为长期卧床老人、患者、残疾人、临终患
-							者和其他需要护理服务者提供基础护理、专科 护理、临终护理、消毒隔离技术指导、营养指导、社区康复指导、健康宣教和其他护理服务 的医疗机构。</view>
-						<view>护理站以遵医嘱的上门护理服务为主，包括生活护理和医疗护理，详情如下：</view>
-					</view>
-				</view>
-
-			</view>
-		</view>
-		<view class="concenta">
-			<text class="life">生活护理 </text>
-			<view class="lifeserve">
-				<image src="/static/lifeserve.png" mode=""></image>
-			</view>
-
-		</view>
-		<view class="concentb">
-			<text class="life">医疗护理 </text>
-			<view class="lifeserve">
-				<image src="/static/yiliaohuli.png" mode=""></image>
-			</view>
-
-		</view>
-	</view>
-
-
-
-
-
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-
-		}
-	}
-</script>
-
-<style lang="scss">
-	.app {
-		// font-size: 36rpx;
-		padding-top: 10rpx;
-
-		.concent {
-			width: 701rpx;
-			height: 811rpx;
-			background: #4C7BC9;
-			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
-			border-radius: 20rpx;
-			margin-top: 5%;
-			// left: 50%;
-			// transform: translateX(-50%);
-			margin: 0 auto;
-			margin-bottom: 20px;
-
-			.background {
-				position: relative;
-				// display: flex;
-				width: 657rpx;
-				height: 727rpx;
-				background: #FFFFFF;
-				border-radius: 25rpx;
-				background-color: white;
-				margin: 0 auto;
-				top: 50%;
-				transform: translateY(-50%);
-
-				image {
-					width: 178rpx;
-					height: 84rpx;
-					background: #FFFFFF;
-					border-radius: 25px;
-					// float: right;
-					margin-left: 68%;
-					margin-top: 5%;
-				}
-
-
-				// text-align:center;
-
-
-
-			}
-		}
-	}
-
-	.life {
-		// margin: 0 auto;
-		width: 162rpx;
-		height: 40rpx;
-		font-size: 42rpx;
-		margin-left: 35%;
-		color: #ffffff;
-
-
-
-	}
-
-
-
-	.lifeserve image {
-		width: 639rpx;
-		height: 739rpx;
-		margin-left: 5%;
-
-		padding-bottom: 20rpx;
-		// height: rpx;
-		// background: #E1AE3C;
-		// box-shadow: 0px 9px 31px 9px rgba(0,0,0,0.03);
-		// border-radius: 20px;
-	}
-
-	.concenta {
-
-		margin: 0 auto;
-		margin-bottom: 20px;
-		// position: absolute;
-		width: 701rpx;
-		height: 811rpx;
-		background: #E1AE3C;
-		// margin-top: 118%;
-		// margin-left: 2.55%;
-		border-radius: 25rpx;
-		// margin-bottom: 30rpx;
-	}
-
-	.concentb {
-		margin: 0 auto;
-		margin-bottom: 20px;
-		// position: absolute;
-		width: 701rpx;
-		height: 811rpx;
-		background: #00C176;
-		// margin-top: 118%;
-		// margin-left: 2.55%;
-		border-radius: 25rpx;
-		// margin-bottom: 30rpx;
-	}
-
-
-
-
-	.detailed {
-		// font-size: 29rpx;
-		width: 657rpx;
-		height: 727rpx;
-		padding: 0 42rpx;
-		line-height: 56rpx;
-	}
-
-	.detailed view {
-		// height: 100%;
-		text-indent: 2em;
-	}
-</style>
diff --git a/pages/diseasemanagement/diseasemanagement.vue b/pages/diseasemanagement/diseasemanagement.vue
index 4998e22..250b0ba 100644
--- a/pages/diseasemanagement/diseasemanagement.vue
+++ b/pages/diseasemanagement/diseasemanagement.vue
@@ -31,7 +31,7 @@
 
 		.concent {
 			width: 701rpx;
-			height: 850rpx;
+			height: 950rpx;
 			background: #4C7BC9;
 			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
 			border-radius: 20rpx;
@@ -40,7 +40,7 @@
 			.background {
 				position: relative;
 				width: 657rpx;
-				height: 800rpx;
+				height: 900rpx;
 				background: #FFFFFF;
 				border-radius: 25rpx;
 				background-color: white;
@@ -50,11 +50,10 @@
 
 				image {
 					width: 178rpx;
-					height: 84rpx;
+					height: 200rpx;
 					background: #FFFFFF;
 					border-radius: 25px;
 					margin-left: 68%;
-					margin-top: 5%;
 				}
 			}
 		}
diff --git a/pages/homepage/homepage.vue b/pages/homepage/homepage.vue
index e513662..e929b59 100644
--- a/pages/homepage/homepage.vue
+++ b/pages/homepage/homepage.vue
@@ -1,40 +1,81 @@
 <template>
 	<view class="app">
-		<view class="cards">
-			<view class="nursing item" @tap="gosite">
-				<image src="../../static/jjhl.png" mode=""></image>
+		<!-- <u-swiper :list="swiperImgUrls" effect3d='true' height='400' interval='5000' duration='2000'></u-swiper> -->
+
+
+		<!-- <swiper class="swiper-block" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000"
+			:circular='true' previous-margin='90rpx' next-margin='90rpx' current='0' @change="swiperChange">
+			<swiper-item class="swiper-item" v-for="(item,index) in swiperImgUrls">
+				<image :src="item" :class="['slide-image', currentIndex === index?'active':'']" mode="aspectFill">
+				</image>
+			</swiper-item>
+		</swiper> -->
+		<view class="container">
+			<view>
+				<swiper :indicator-dots="true" :current="currentIndex" :circular="true" previous-margin="80rpx"
+					next-margin="80rpx" :autoplay="autoplay" interval="3000" duration="1000" show-center-play-btn="true"
+					class="swiper-block" circular='true' @change="swiperChange">
+					<swiper-item v-for="(item ,index) in swiperImgUrls" :key="index" class="swiper-item">
+						<view v-show="!splits(item)" wx-if="{item}">
+							<image v-if="item" :src="item" :class="['slide-image', currentIndex === index?'active':'']"
+								mode="aspectFill">
+							</image>
+						</view>
+						<view v-show="splits(item)" v-if="item">
+							<video :id="'myVideo'+index" :autoplay="false" :src="item" controls show-fullscreen-btn
+								object-fit="fill" @play="play" @pause="pause" @ended="ended" auto-pause-if-navigate
+								show-play-btn :enable-progress-gesture='true' :show-center-play-btn='true'
+								enable-play-gesture auto-pause-if-open-native show-mute-btn :poster='poster'
+								:class="['slide-image', currentIndex === index?'active':'']"></video>
+						</view>
+					</swiper-item>
+				</swiper>
+			</view>
+		</view>
+
+
+		<view class="items">
+			<view class="item" @tap="gosite">
+				<image src="../../static/hlz.png" mode=""></image>
 				<view class="title">
-					护理站
+					护理机构
 				</view>
 			</view>
-			<view class="expert item" @tap='gomedicine'>
-				<image src="../../static/zhuanjia.png" mode=""></image>
+			<view class="item" @tap="gomedicine">
+				<image src="../../static/jkzx.png" mode=""></image>
 				<view class="title">
-					就医
+					健康咨询
 				</view>
 			</view>
-			<view class="elderly item" @tap='goGeriatricdisease'>
-				<image src="../../static/ylfw.png" mode=""></image>
-				<view class="title" style="font-size: 40rpx;">
-					国家老年病中心
-				</view>
-			</view>
-			<view class="item Bodyguard" @tap='goBodysatelliteintegration'>
-				<image src="../../static/pb.png" mode=""></image>
-				<view class="title">
-					体卫融合
-				</view>
-			</view>
-			<view class="item knowledge" @tap='godiseasemanagement'>
-				<image src="../../static/zs.png" mode=""></image>
+			<view class="item" @tap='godiseasemanagement'>
+				<image src="../../static/zbgl.png" mode=""></image>
 				<view class="title">
 					专病管理
 				</view>
 			</view>
-			<view class='item shopping' @tap="goshopping">
-				<image src="../../static/shopping.png" mode=""></image>
+		</view>
+		<view class="Welfarecustomerservice">
+			<image src="../../static/fuli.png" mode="" @tap='gomaterialbenefits'></image>
+			<image src="../../static/kefu.png" mode="" @tap='gocustomerservice'></image>
+		</view>
+		<view class="Healthknowledge">
+			<view class="title">
+				健康常识
+			</view>
+			<view class="more" @tap='gohealth'>
 				<view class="title">
-					商城
+					查看更多
+				</view>
+				<image src="../../static/huijiantou.png" mode=""></image>
+			</view>
+			<view class="list">
+				<view class="item" v-for="(item,index) in informationCategoryVOList" :key="index"
+					@tap='gohealthitem(item)'>
+					<view class="text">
+						{{item.informationTitle}}
+					</view>
+					<view class="author"></view>
+					<image :src="item.leadThumbnailUrl" mode=""></image>
 				</view>
 			</view>
 		</view>
@@ -43,78 +84,346 @@
 </template>
 
 <script>
+	import {
+		getPoserInfoListByType
+	} from '@/api/homepage/index.js'
+	import {
+		getHeathHousingList
+	} from '@/api/Healthknowledge/index.js'
+	import baseurl from '../../api/baseurl';
 	export default {
 		data() {
-			return {};
+			return {
+				swiperImgUrls: [],
+				autoplay: true, //自动切换轮播图
+				videoContext: '',
+				currentIndex: 0,
+				informationCategoryVOList: [], //咨询信息
+				informationCategorytotal: 0,
+				pageNum: 1,
+				pageSize: 5,
+				poster: '' //视频封面
+			};
+		},
+		onShow() {
+			this.pageNum = 1
+			this.swiperImgUrls = []
+			this.getPoserInfo();
 		},
 		methods: {
+			swiperChange(e) {
+				this.currentIndex = event.detail.current
+				let {
+					current,
+					source
+				} = e.detail
+				this.videoContext = uni.createVideoContext('myVideo' + (current - 1));
+				//只有手动切换时开始轮播，并且上一页视频暂停
+				if (source === 'touch') {
+					this.videoContext.pause(); //暂停
+					this.autoplay = true
+				}
+			},
+			// 获取数据
+			GetBanner() {},
+			// 处理banner返回的是是视频还是图片
+			splits(url) {
+				if (url.indexOf('.') != -1) {
+					var ext = url.substring(url.lastIndexOf('.') + 1);
+					return ['mp4', 'webm', 'mpeg4', 'ogg'].indexOf(ext) != -1
+				}
+			},
+			// 点击开始/继续播放
+			play() {
+				this.autoplay = false
+				// this.videoContext.requestFullScreen()
+			},
+			// 视频暂停
+			pause() {
+				this.autoplay = true
+			},
+			// 视频结束
+			ended() {
+				this.autoplay = true
+			},
+			//跳转健康咨询item
+			gohealthitem(item) {
+				uni.navigateTo({
+					url: `/pages/Healthitem/Healthitem?item=${encodeURIComponent(JSON.stringify(item))}`
+				})
+			},
+			//健康咨询
+			getHeathHousing() {
+				getHeathHousingList(this.pageNum, this.pageSize).then(res => {
+					if (res.rows) {
+						res.rows.forEach(e => {
+							e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
+						})
+					}
+					this.informationCategoryVOList = res.rows
+					this.informationCategorytotal = res.total
+				})
+			},
+			//海报
+			getPoserInfo() {
+				getPoserInfoListByType().then(res => {
+					if (res.code == 200) {
+						if (res.data.poserInfoList) {
+							res.data.poserInfoList.forEach(e => {
+								e.image = baseurl + e.posterPictureUrl
+								this.swiperImgUrls.push(e.image)
+							})
+							if(res.data.poserInfoList[0].video){
+								res.data.poserInfoList[0].video = baseurl + res.data.poserInfoList[0].posterVideoUrl
+								this.swiperImgUrls.push(res.data.poserInfoList[0].video)
+							}
+						}
+						this.getHeathHousing();
+					}
+				})
+			},
+			swiperChange(event) {
+				this.currentIndex = event.detail.current
+			},
 			//专病管理
 			godiseasemanagement() {
 				uni.navigateTo({
 					url: '/pages/diseasemanagement/diseasemanagement'
 				})
 			},
-			//老年病中心
-			goGeriatricdisease() {
-				uni.navigateTo({
-					url: '/pages/Geriatricdisease/Geriatricdisease'
-				})
-			},
-			//体卫融合
-			goBodysatelliteintegration() {
-				uni.navigateTo({
-					url: "/pages/Bodysatelliteintegration/Bodysatelliteintegration"
-				})
-			},
-			//跳转就医页面
+			//健康咨询
 			gomedicine() {
 				uni.navigateTo({
 					url: '/pages/medicine/medicine'
 				})
 			},
+			//跳转客服
+			gocustomerservice() {
+				uni.navigateTo({
+					url: '/pages/customerservice/customerservice'
+				})
+			},
 			//跳转护理站页面
 			gosite() {
 				uni.navigateTo({
 					url: '/pages/site/site'
 				})
 			},
-			//跳转商城页面
-			goshopping() {
+			//健康常识
+			gohealth() {
 				uni.navigateTo({
-					url: '/pages/shopping/shopping'
+					url: '/pages/Healthknowledge/Healthknowledge'
 				})
 			},
-		}
+			//新人福利
+			gomaterialbenefits() {
+				uni.navigateTo({
+					url: '/pages/materialbenefits/materialbenefits'
+				})
+			},
+		},
+		// onReachBottom() { //下滑加载
+		// 	if (this.informationCategoryVOList.length >= this.informationCategorytotal) {} else {
+		// 		this.pageNum++
+		// 		getHeathHousingList(this.pageNum, this.pageSize).then(res => {
+		// 			if (res.rows) {
+		// 				res.rows.forEach(e => {
+		// 					e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
+		// 					this.informationCategoryVOList.push(e)
+		// 				})
+		// 			}
+		// 		})
+		// 	}
+		// },
+		// onPullDownRefresh() { //下拉刷新
+		// 	this.pageNum = 1;
+		// 	this.getHeathHousing();
+		// 	setTimeout(function() {
+		// 		uni.stopPullDownRefresh();
+		// 	}, 1000);
+		// },
+		//1.分享给朋友
+		onShareAppMessage(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
+		//2.分享到朋友圈
+		onShareTimeline(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
 	}
 </script>
-
 <style lang="scss">
 	.app {
-		.cards {
-			padding: 22px 0 20px 0;
+		padding: 100rpx 0 0 0;
+		-webkit-overflow-scrolling: touch;
+		.swiper-block {
+			height: 500rpx;
+			width: 100%;
+		}
 
-			.shopping {
-				background: #F58540;
+		.swiper-item {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: flex-start;
+			overflow: unset;
+		}
+
+		.slide-image {
+			height: 300rpx;
+			width: 520rpx;
+			border-radius: 9rpx;
+			box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2);
+			margin: 0rpx 30rpx;
+			z-index: 1;
+		}
+
+		.active {
+			transform: scale(1.2);
+			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;
+				}
 			}
 
-			.Bodyguard {
-				background-color: #00C176;
+			.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: 50%;
+						font-size: 30rpx;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+				}
 			}
 
-			.knowledge {
-				background: #9E4DD0;
+			.title {
+				font-size: 38rpx;
+				font-weight: bold;
+			}
+		}
+
+		.Welfarecustomerservice {
+			display: flex;
+			justify-content: center;
+			background-color: #fff;
+			width: 100%;
+			padding: 30rpx 0;
+			margin-bottom: 20rpx;
+
+			image:nth-child(1) {
+				margin: 0 5rpx 0 0;
 			}
 
-			.elderly {
-				background-color: #E1AE3C;
+			image:nth-child(2) {
+				margin: 0 0 0 5rpx;
 			}
 
-			.expert {
-				background-color: #D43953;
+			image {
+				width: 350rpx;
+				height: 200rpx;
 			}
+		}
 
-			.nursing {
-				background: #4C7BC9;
+		.items {
+			background-color: #fff;
+			padding: 30rpx 80rpx 20px;
+			display: flex;
+			justify-content: space-between;
+			margin-bottom: 20rpx;
+
+			.item {
+				image {
+					width: 150rpx;
+					height: 150rpx;
+					display: block;
+					margin: 0 auto 20rpx;
+				}
+
+				.title {
+					font-size: 40rpx;
+					font-weight: 550;
+					text-align: center;
+				}
 			}
 		}
 	}
diff --git a/pages/materialbenefits/materialbenefits.vue b/pages/materialbenefits/materialbenefits.vue
new file mode 100644
index 0000000..ba62d02
--- /dev/null
+++ b/pages/materialbenefits/materialbenefits.vue
@@ -0,0 +1,83 @@
+<template>
+	<view class="app">
+		<view class="concent">
+			<view class="background">
+				<image src="/static/logo.png" mode=""></image>
+				<view class="detailed">
+					敬请期待
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		},
+		//1.分享给朋友
+		onShareAppMessage(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
+		//2.分享到朋友圈
+		onShareTimeline(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		padding-top: 10rpx;
+		font-size: 34rpx;
+
+		.concent {
+			width: 701rpx;
+			height: 440rpx;
+			background: #4C7BC9;
+			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
+			border-radius: 20rpx;
+			margin: 5% auto 20px;
+
+			.background {
+				position: relative;
+				width: 657rpx;
+				height: 400rpx;
+				background: #FFFFFF;
+				border-radius: 25rpx;
+				background-color: white;
+				margin: 0 auto;
+				top: 50%;
+				transform: translateY(-50%);
+
+				image {
+					width: 178rpx;
+					height: 160rpx;
+					background: #FFFFFF;
+					border-radius: 25px;
+					margin-left: 68%;
+					margin-top: 0;
+				}
+			}
+		}
+	}
+
+	.detailed {
+		padding: 0 20rpx;
+		line-height: 56rpx;
+		text-align: center;
+	}
+</style>
diff --git a/pages/medicine/medicine.vue b/pages/medicine/medicine.vue
index 479ac41..f9e6a0b 100644
--- a/pages/medicine/medicine.vue
+++ b/pages/medicine/medicine.vue
@@ -1,23 +1,5 @@
 <template>
 	<view class="app">
-		<!-- <view class="cards">
-			<view class="item" style="background: #4C7BC9;" @tap='godoctorslist'>
-				<image src="../../static/yuyue.png" mode=""></image>
-				<view class="title" style="font-size: 42rpx;">
-					预约医生
-				</view>
-			</view>
-			<view class="item" style="background-color: #E1AE3C;">
-				<image src="../../static/chaxun.png" mode=""></image>
-				<view class="title" style="font-size: 42rpx;">
-					查看结果
-				</view>
-			</view>
-		</view> -->
-
-
-
-
 		<view class="concent">
 			<view class="background">
 				<image src="/static/logo.png" mode=""></image>
@@ -47,6 +29,24 @@
 				// })
 			},
 		},
+		//1.分享给朋友
+		onShareAppMessage(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
+		//2.分享到朋友圈
+		onShareTimeline(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
 	}
 </script>
 
@@ -84,11 +84,10 @@
 
 				image {
 					width: 178rpx;
-					height: 84rpx;
+					height: 160rpx;
 					background: #FFFFFF;
 					border-radius: 25px;
 					margin-left: 68%;
-					margin-top: 5%;
 				}
 			}
 		}
diff --git a/pages/nursestation/nursestation.scss b/pages/nursestation/nursestation.scss
index f91a9ac..29451ad 100644
--- a/pages/nursestation/nursestation.scss
+++ b/pages/nursestation/nursestation.scss
@@ -1,6 +1,25 @@
 	.app{
 		padding:10rpx 0 0 0;
+		-webkit-overflow-scrolling: touch;
 	}
+		.swiper-box {
+			width: 100%;
+			height: 500rpx;
+		}
+		.swiper-item {
+			height: 500rpx;
+			text-align: center;
+			image{
+				width: 100%;
+				height: 500rpx !important;
+			}
+		}
+
+	video{
+		height: 100%;
+		width: 100%;
+	}
+	
 		.mask {
 			.information {
 				width: 70%;
@@ -48,11 +67,16 @@
 		}
 
 		.content {
-		font-size: 36rpx;
+		font-size: 34rpx;
 		padding-bottom: 10rpx;
+		// margin-top: -80rpx;
+		z-index: 999;
+		::v-deep .u-tabs{
+			padding-bottom: 10rpx;
+			border-radius: 20rpx;
+		}
 		.tive {
 			width: 94%;
-			background-color: #ffffff;
 			margin: 20rpx auto;
 			border-radius: 11rpx;
 			padding-bottom: 60rpx;
@@ -74,74 +98,92 @@
 				width: 100%;
 				height: 100%;
 				position: relative;
-				padding: 30rpx 30rpx;
+				background-color: #fff;
+				padding: 30rpx 0;
+				margin:  10rpx auto;
+				border-radius: 20rpx;
+				color: #000000;
 				image {
 					width: 170rpx;
 					height: 170rpx;
 					margin-left: 3%;
 				}
-				.servicetime {
-					color: #999999;
-					line-height: 37rpx;
-					font-size: 30rpx;
-					position: absolute;
-					top:35%;
-					left:35%;
-				}
+				// .servicetime {
+				// 	color: #999999;
+				// 	line-height: 37rpx;
+				// 	font-size: 30rpx;
+				// 	position: absolute;
+				// 	top:35%;
+				// 	left:35%;
+				// }
 				.appointment {
+					font-size: 30rpx;
 					width: 120rpx;
-					height: 70rpx;
-					background: #4C7BC9;
+					height: 52rpx;
 					border-radius: 26rpx;
 					color: #ffffff;
+					background: #F44B2F;
 					text-align: center;
-					line-height: 70rpx;
+					line-height: 52rpx;
 					position: absolute;
-					top:40%;
+					top:70%;
 					right:5%;
 				}
-				.buy{
-					position: absolute;
-					top: 55%;
-				}
 				.price {
-					color: red;
-					font-size: 32rpx;
+					height: 52rpx;	
+					color: #F44B2F;
+					line-height: 52rpx;
+					font-size: 36rpx;
 					position: absolute;
-					top:65%;
+					top:70%;
 					left:35%;
 				}
 				.product {
-					color: #000000;
-					width: 60%;
 					position: absolute;
-					top:14%;
-					left:32%;
-					font-size: 28rpx;
-					overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
-				}
-				.huanyao {
-					color: #000000;
-					position: absolute;
-					top:10%;
+					top:15%;
 					left:35%;
-					width: 60%;
+					width: 65%;
 					overflow: hidden;
 					text-overflow: ellipsis;
 					white-space: nowrap;
 				}
+				.day{
+					font-size: 24rpx;
+					position: absolute;
+					top:53%;
+					left:35%;
+					width: 65%;
+				}
+				.huanyao {
+					position: absolute;
+					top:10%;
+					left:35%;
+					width: 45%;
+					line-height: 50rpx;
+					height: 100rpx;
+					text-overflow: -o-ellipsis-lastline;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					display: -webkit-box;
+					-webkit-line-clamp: 2;
+					line-clamp: 2;
+					-webkit-box-orient: vertical;
+					white-space:normal; 
+					word-break:break-all;
+				}
 				.pingfen {
 					float: right;
 				}
 			}
 			.tab-box {
 				display: flex;
+				font-weight: 600;
 				.tab-item {
 					flex-shrink: 0;
 					padding: 3%;
 					position: relative;
 					transition: all 0.2s linear;
-					font-size: 31rpx;
+					font-size: 36rpx;
 					&::after {
 						transition: all 0.2s linear;
 						transform: translateX(-50%) scaleX(0);
@@ -150,10 +192,10 @@
 						position: absolute;
 						left: 50%;
 						bottom: 10rpx;
-						border-bottom: 6rpx solid #D43953;
 						border-radius: 4rpx;
 					}
 					&.active {
+						color: #2979ff;
 						&::after {
 							content: '';
 							width: 50%;
@@ -161,36 +203,25 @@
 							left: 50%;
 							transform: translateX(-50%) scaleX(1);
 							bottom: 10rpx;
-							border-bottom: 6rpx solid red;
 						}
 					}
 				}
 			}
 		}
-		.Nursestationconfiguration {
-			width: 94%;
-			height: 100%;
-			background: #FFFFFF;
-			border-radius: 20rpx;
-			padding-bottom: 30rpx;
-			margin: 20rpx auto;
 			.configuration {
-				font-size: 31rpx;
-				color: #333333;
-				padding: 3%;
+				margin:20rpx 30rpx 0;
+				padding-bottom: 30rpx;
+				border-bottom: 1rpx solid   #CDC9C9;
 				.text {
-					margin-top: 10rpx;
+					background: #F8D7D1;
+					border-radius: 15rpx;
 					display: inline-block;
 					padding: 10rpx 20rpx;
-					margin-right: 18rpx;
-					line-height: 40rpx;
-					background-color: #f6f6f6;
-					border-radius: 34rpx;
+					margin-right: 10rpx;
 					font-size: 24rpx;
-					color: #666666;
+					color: #F44B2F;
 				}
 			}
-		}
 		.detail {
 			position: relative;
 			width: 94%;
@@ -228,76 +259,65 @@
 			background-color: #ffffff;
 			border-radius: 20rpx;
 			margin: 10px auto;
-			padding-bottom: 20rpx;
-			.picture {
-				position: absolute;
-				width: 170rpx;
-				height: 170rpx;
-				margin-left: 5%;
-				margin-top: 5%;
+			padding-bottom: 30rpx;
+			.time{
+				font-size: 30rpx;
+				margin: 10rpx  0;
+				color: #666666;
+				.timeday{
+					display: inline-block;
+				}
+				.text{
+									margin:0 10rpx 0 30rpx;
+									display: inline-block;
+				}
+				.texttime{
+					margin:0 20rpx 0 30rpx;
+					view{
+						display: inline-block;
+						margin-right: 20rpx;
+					}
+				}
 			}
 			.title {
-				margin-left: 35%;
-				line-height: 49px;
-				font-size: 33rpx;
+				padding-top: 40rpx;
+				margin:0 0 0 30rpx;
+				font-size: 40rpx;
+				line-height: 59rpx;
+				font-weight: 700;
 				overflow: hidden;
 				text-overflow: ellipsis;
 				white-space: nowrap;
 			}
-			.call {
-				// display: flex;
-				.Navigation {
-					width: 103rpx;
-					height: 48rpx;
-					background: #00C176;
-					border-radius: 24px;
-					font-size: 21rpx;
-					color: #ffffff;
-					line-height: 48rpx;
-					margin-left: 5%;
-					text-align: center;
-					margin-top: 3%;
-
-					image {
-						width: 24rpx;
-						height: 24rpx;
-					}
-				}
-				.callme {
-					width: 150rpx;
-					height: 48rpx;
-					background: #D43953;
-					border-radius: 24px;
-					font-size: 21rpx;
-					color: #ffffff;
-					line-height: 48rpx;
-					margin-left: 35%;
-					margin-top: 3%;
-					text-align: center;
-					position: relative;
-					.icon{
-						position: absolute;
-						left:10%;
-						top:50%;
-						transform: translateY(-50%);
-					}
-					.text{
-						position: absolute;
-						top:50%;
-						right:10%;
-						transform: translateY(-50%);
-					}
-				}
-			}
 			.address {
-				font-size: 25rpx;
-				margin-left: 35%;
-				color: #999999;
-				line-height: 37rpx;
+				font-size: 30rpx;
+				color: #666666;
+				margin:40rpx 0 20rpx 30rpx;
 				word-break:break-all;
+				line-height: 50rpx;
 				// overflow: hidden;
 				// text-overflow: ellipsis;
 				// white-space: nowrap;
+				position: relative;
+				.distance{
+					// position: absolute;
+					// right:30rpx;
+					// top:50%;
+					float: right;
+					display: inline-block;
+					padding-right: 10rpx;
+				}
+				.text{
+					padding-left: 40rpx;
+					display: inline-block;
+				}
+				image{
+					position: absolute;
+					top:50%;
+					transform: translateY(-50%);
+					width: 28rpx;
+					height: 35rpx;
+				}
 			}
 		}
 	}
diff --git a/pages/nursestation/nursestation.vue b/pages/nursestation/nursestation.vue
index f38e571..82b439f 100644
--- a/pages/nursestation/nursestation.vue
+++ b/pages/nursestation/nursestation.vue
@@ -1,55 +1,122 @@
 <template>
 	<view class="app">
+		<view class="container">
+			<view>
+				<!-- 轮播图 -->
+				<swiper indicator-dots="true" indicator-color='#fff' indicator-active-color='#0086d6'
+					:autoplay="autoplay" interval="2000" duration="1000" show-center-play-btn="true" class="swiper-box"
+					circular='true' @change="swiperChange">
+					<swiper-item v-for="(item ,index) in Banners" :key="index">
+						<view class="swiper-item" v-show="!splits(item)" wx-if="{item}">
+							<image v-if="item" :src="item" mode="widthFix"></image>
+						</view>
+						<view class="swiper-item" v-show="splits(item)" v-if="item">
+							<video :id="'myVideo'+index" :autoplay="false" :src="item" controls show-fullscreen-btn
+								object-fit="fill" @play="play" @pause="pause" @ended="ended" auto-pause-if-navigate
+								show-play-btn :enable-progress-gesture='true' :show-center-play-btn='true'
+								enable-play-gesture auto-pause-if-open-native show-mute-btn></video>
+						</view>
+					</swiper-item>
+				</swiper>
+			</view>
+		</view>
+		<!-- <swiper class="swiper" circular>
+			<swiper-item>
+				<view class="swiper-item ">A</view>
+			</swiper-item>
+			<swiper-item>
+				<view class="swiper-item">B</view>
+			</swiper-item>
+			<swiper-item>
+				<video  @play = 'videoplay'
+					src="http://192.168.16.30:8088/profile/posterVideoUrl/2023/02/21/QQ录屏20221019175958_20230221170920A01781ba346416.mp4"></video>
+			</swiper-item>
+		</swiper> -->
+		<!-- <u-swiper v-if="lbinfo" :list="lbinfo" height="450" style='background-size: 100%;' mode='none'></u-swiper> -->
 		<view class="content">
 			<view class="righttext">
-				<image class="picture" :src="list.stationIntroducePcitureUrl"></image>
-				<view class="title">
+				<view class="title" v-if="list.nurseStationName">
 					{{list.nurseStationName}}
 				</view>
-				<view class="address">{{list.address}} </view>
-				<view class="call">
-					<view class="callme" @tap="gophone()">
-						<u-icon class='icon' name="phone-fill" color="#ffffff" size="30"></u-icon>
-						<view class="text">联系我们</view>
+				<view class="title" v-else>
+					暂无
+				</view>
+				<view class="time">
+					<view class="text">
+						{{list.businessStatus}}
 					</view>
-					<!-- 	<view class="Navigation">
-						<image src="/static/daohang.png" mode="">导航</image>
-					</view> -->
-				</view>
-			</view>
-			<view class="detail">
-				<view class="Introduction">机构简介</view>
-				<view class="textInfo" v-html="list.agencyIntroduce">
-				</view>
-			</view>
-			<view class="Nursestationconfiguration">
-				<view class="configuration">
-					护理站配置
-					<view class="" style="margin-top: 30rpx;">
-						<view class="text" v-for="(item,index) in nurseStationLabelList" :key="index">
-							{{item.labelDescription}}
+					<view class="timeday" v-if="list.openingHoursDescribe">
+						{{list.openingHoursDescribe}}
+					</view>
+					<view class="texttime">
+						<view class="">
+							上午：{{list.morningOpenStartTime}}-{{list.morningOpenEndTime}}
 						</view>
+						<view class="">
+							下午：{{list.afternoonOpenStartTime}}-{{list.afternoonOpenEndTime}}
+						</view>
+					</view>
+				</view>
+				<view class="configuration">
+					<view class="text" v-for="(item,index) in nurseStationLabelList" :key="index">
+						{{item.labelDescription}}
+					</view>
+				</view>
+				<view class="address" v-if="list.address" @tap="goMap">
+					<image src="../../static/locatinsmall.png" mode=""></image>
+					<view class="text">
+						{{list.address}}
+					</view>
+					<view class="distance">
+						{{distance}}KM
+					</view>
+				</view>
+				<view class="address" v-else>
+					<image src="../../static/locatinsmall.png" mode=""></image>
+					<view class="text">
+						暂无
+					</view>
+					<view class="distance">
+						{{distance}}KM
+					</view>
+				</view>
+				<view class="address" v-if="list.dutyPhone" style="margin: 20rpx 0 0 33rpx;" @tap='gophone'>
+					<image src="../../static/phone.png" mode=""></image>
+					<view class="text">
+						{{list.dutyPhone}}
+					</view>
+				</view>
+				<view class="address" v-else style="margin: 20rpx 0 0 33rpx">
+					<image src="../../static/phone.png" mode=""></image>
+					<view class="text">
+						暂无
 					</view>
 				</view>
 			</view>
 			<view class="tive">
 				<view class="tab-box">
-					<view class="tab-item" @tap="testTabClick(index)" v-for="(item,index) in tabList" :key="index"
+					<view class="tab-item" @tap="testTabClick(item)" v-for="(item,index) in tabLists" :key="index"
 						:class="tabIndex == index?'active':''">
 						{{item.name}}
 					</view>
 				</view>
-				<view class="" v-if="servelist.length>0&&choicetab==false">
+				<u-tabs v-if="choicetab==false" :list="tabList" :current="classifycurrent" @change="change">
+				</u-tabs>
+				<view class="" v-if="servelist.length>0&&choicetab==false" style="margin:0">
 					<view class="item" v-for="item in servelist" :key="" v-show='choicetab==false'
 						@click.stop='goProjectDetails(item)'>
 						<image :src="item.itemPictureUrl"></image>
 						<view class="huanyao">{{item.nurseItemName}}
 						</view>
+						<view class="day">
+							{{item.advanceAppointDuration=='HALF_DAY'?'提前预约时长:半天':''}}
+							{{item.advanceAppointDuration=='ONE_DAY'?'提前预约时长:一天':''}}
+						</view>
 						<!-- <view class="pingfen">
 						<u-rate :count="5" value="2"></u-rate>
 					</view> -->
-						<view class="servicetime">服务时长:{{item.serveDurationUnit?item.serveDurationUnit:'0'}}</view>
-						<view class="appointment" @tap.stop='goappointments(item)'>预约</view>
+						<!-- <view class="servicetime">服务时长:{{item.serveDurationUnit?item.serveDurationUnit:'0'}}</view> -->
+						<view class="appointment" @click.stop='goappointments(item)'>预约</view>
 						<view class="price">￥{{item.nurseItemPrice==null?'0':item.nurseItemPrice}}</view>
 					</view>
 				</view>
@@ -63,11 +130,11 @@
 					<view class="item" v-show='choicetab' v-for="(item,index) in productlist" :key="index">
 						<image :src="item.goodsPictureUrl"></image>
 						<view class="product">{{item.goodsName}}</view>
-						<view class="product" style="top:38%;font-size: 24rpx;color: #999999;">
+						<!-- <view class="product" style="top:38%;font-size: 24rpx;color: #999999;">
 							{{item.attributeDetailsName}}
-						</view>
-						<view class="buy appointment" @tap="goCommodityDetails(item)">购买</view>
-						<view class="price" style="left:32%">￥{{item.goodsPrice==null?'0':item.goodsPrice}}</view>
+						</view> -->
+						<view class="appointment" @tap="goCommodityDetails(item)">购买</view>
+						<view class="price">￥{{item.goodsPrice==null?'0':item.goodsPrice}}</view>
 					</view>
 				</view>
 				<view class="noorder" v-if="productlist.length==0&&choicetab">
@@ -92,6 +159,8 @@
 				</view>
 			</view>
 		</u-mask>
+		<u-toast ref="uToast" />
+		<u-back-top :scroll-top="scrollTop"></u-back-top>
 	</view>
 </template>
 
@@ -108,7 +177,10 @@
 	export default {
 		data() {
 			return {
-				patientId: '', //
+				Banners: [], //轮播图
+				autoplay: true, //自动切换轮播图
+				videoContext: '',
+				baseurl: '',
 				usershow: false, //完善信息开关
 				choicetab: false, //切换
 				list: [], //护理站list
@@ -122,59 +194,190 @@
 				nurseStationId: '',
 				pageNum: 1,
 				pageSize: 10,
-				tabIndex: 0,
+				timer: null,
 				tabList: [{
-					name: "服务项目"
-				}, {
-					name: "产品"
-				}, ]
+					name: '全部',
+					id: ''
+				}], //分类标题
+				tabIndex: 0,
+				tabLists: [{
+						name: '服务项目',
+						id: 0,
+					},
+					{
+						name: '产品',
+						id: 1,
+					}
+				],
+				classifycurrent: 0, //分类下标
+				distance: null, //距离
+				nurseClassifyInfoId: '', //分类id
+				scrollTop: 0,
 			}
 		},
 		onShow() {
+			this.baseurl = baseurl
 			this.usershow = false
 			this.getInfo()
-			this.serveinfo()
-			this.productinfo()
 		},
 		onLoad(options) {
+			let that = this
+			this.GetBanner()
 			this.nurseStationId = options.nurseStationId
+			this.distance = options.distance
 		},
 		methods: {
+			//跳转地图
+			goMap() {
+				uni.openLocation({
+					latitude: Number(this.list.latitude),
+					longitude: Number(this.list.longitude),
+				})
+			},
+			swiperChange(e) {
+				let {
+					current,
+					source
+				} = e.detail
+				this.videoContext = uni.createVideoContext('myVideo' + (current - 1));
+				//只有手动切换时开始轮播，并且上一页视频暂停
+				if (source === 'touch') {
+					this.videoContext.pause(); //暂停
+					this.autoplay = true
+				}
+			},
+			// 获取数据
+			GetBanner() {},
+			// 处理banner返回的是是视频还是图片
+			splits(url) {
+				if (url.indexOf('.') != -1) {
+					var ext = url.substring(url.lastIndexOf('.') + 1);
+					return ['mp4', 'webm', 'mpeg4', 'ogg'].indexOf(ext) != -1
+				}
+			},
+			// 点击开始/继续播放
+			play() {
+				this.autoplay = false
+				// this.videoContext.requestFullScreen()
+			},
+			// 视频暂停
+			pause() {
+				this.autoplay = true
+			},
+			// 视频结束
+			ended() {
+				this.autoplay = true
+			},
+			testTabClick(item) {
+				this.tabIndex = item.id
+				if (item.id == 0) {
+					this.choicetab = false
+				} else {
+					this.choicetab = true
+				}
+			},
+			//点击分类标题
+			change(index) {
+				this.classifycurrent = index;
+				this.nurseClassifyInfoId = this.tabList[index].id
+				this.serveinfo()
+			},
+			//预约
 			goappointments(item) {
 				let that = this
 				try {
-					const value = uni.getStorageSync('patientId');
-					if (value) {
-						that.patientId = value
-						AppIdentification(this.patientId).then(res => {
-							if (res.data.loginFlag) {
-								uni.navigateTo({
-									url: `/pages/appointmenttime/appointmenttime?stationId=${item.stationId}&stationItemId=${item.stationItemId}&stationItemPriceId=${item.stationItemPriceId}`,
+					const value2 = uni.getStorageSync('patientId');
+					if (value2) {
+						AppIdentification(value2).then(res => {
+							if (res.code == 200) {
+								if (res.data.loginFlag) {
+									that.usershow = false
+									uni.navigateTo({
+										url: `/pages/appointmenttime/appointmenttime?stationId=${item.stationId}&stationItemId=${item.stationItemId}&stationItemPriceId=${item.stationItemPriceId}`,
+									})
+								} else {
+									that.usershow = true
+								}
+							} else if (res.code == 9999) {} else {
+								that.$refs.uToast.show({
+									title: res.msg,
+									type: 'error'
 								})
-								this.usershow = false
-							} else {
-								this.usershow = true
+								if (that.timer) {
+									clearTimeout(that.timer)
+								}
+								that.timer = setTimeout(e => {
+									uni.navigateTo({
+										url: '/pages/login/login'
+									})
+								}, 1500)
 							}
 						})
+					} else {
+						that.$refs.uToast.show({
+							title: '未登录,请先登录',
+							type: 'error'
+						})
+						if (that.timer) {
+							clearTimeout(that.timer)
+						}
+						that.timer = setTimeout(e => {
+							uni.navigateTo({
+								url: '/pages/login/login'
+							})
+						}, 1500)
 					}
-				} catch (e) {}
+				} catch (e) {
+					uni.navigateTo({
+						url: '/pages/login/login'
+					})
+				}
 			},
 			getInfo() {
 				introductionList(this.nurseStationId).then(res => {
-					res.data.stationIntroducePcitureUrl = baseurl + res.data.stationIntroducePcitureUrl
-					if (res.data.agencyIntroduce) {
-						res.data.agencyIntroduce = res.data.agencyIntroduce.replace(/\<img/gi,
-							"<br/><img class='richPic'")
-					}
-					this.list = res.data
-					if (res.data.nurseStationLabelList) {
-						this.nurseStationLabelList = res.data.nurseStationLabelList
+					if (res.code == 200) {
+						this.Banners = []
+						this.serveinfo()
+						this.productinfo()
+						res.data.morningOpenStartTime = res.data.morningOpenStartTime.slice(0, 5)
+						res.data.morningOpenEndTime = res.data.morningOpenEndTime.slice(0, 5)
+						res.data.afternoonOpenStartTime = res.data.afternoonOpenStartTime.slice(0, 5)
+						res.data.afternoonOpenEndTime = res.data.afternoonOpenEndTime.slice(0, 5)
+						res.data.stationIntroducePcitureUrl = baseurl + res.data.stationIntroducePcitureUrl
+						res.data.stationPictureUrl = baseurl + res.data.stationPictureUrl
+						if (res.data.agencyIntroduce) {
+							res.data.agencyIntroduce = res.data.agencyIntroduce.replace(/\<img/gi,
+								"<br/><img class='richPic'")
+						}
+						res.data.nurseClassifyInfoList.forEach(e => {
+							e.name = e.classifyName
+							this.tabList.push(e)
+						})
+						this.list = res.data
+						if (res.data.poserInfoList.length >= 1) {
+							res.data.poserInfoList.forEach(e => {
+								e.image = baseurl + e.posterPictureUrl
+								this.Banners.push(e.image)
+							})
+							if (res.data.poserInfoList[0].video) {
+								res.data.poserInfoList[0].video = baseurl + res.data.poserInfoList[0]
+									.posterVideoUrl
+								this.Banners.push(res.data.poserInfoList[0].video)
+							}
+						} else {
+							this.Banners.push(res.data.stationPictureUrl)
+							this.Banners.push(res.data.stationIntroducePcitureUrl)
+						}
+						if (res.data.nurseStationLabelList) {
+							this.nurseStationLabelList = res.data.nurseStationLabelList
+						}
 					}
 				})
 			},
 			serveinfo() {
 				this.pageNum = 1
-				itemList(this.nurseStationId, this.pageSize, this.pageNum).then(res => {
+				itemList(this.nurseStationId, this.pageSize, this.pageNum, this.nurseClassifyInfoId).then(res => {
+					uni.removeStorageSync('Refresh');
 					res.rows.forEach(e => {
 						e.itemPictureUrl = baseurl + e.itemPictureUrl
 					})
@@ -185,6 +388,7 @@
 			productinfo() {
 				this.pageNum = 1
 				productInformation(this.nurseStationId, this.pageNum, this.pageSize).then(res => {
+					uni.removeStorageSync('Refresh');
 					res.rows.forEach(e => {
 						e.goodsPictureUrl = baseurl + e.goodsPictureUrl
 					})
@@ -192,10 +396,6 @@
 					this.producttotal = res.total
 				})
 			},
-			testTabClick(index) {
-				this.tabIndex = index
-				this.choicetab = this.tabIndex
-			},
 			//跳转商品详情页
 			goCommodityDetails(item) {
 				uni.navigateTo({
@@ -204,6 +404,7 @@
 			},
 			//跳转完善页面
 			goinformation() {
+				this.usershow = false
 				uni.navigateTo({
 					url: '/pages/information/information'
 				})
@@ -236,13 +437,13 @@
 						}
 					}
 				});
-			},
+			}
 		},
-		onReachBottom() { //下滑加载
-			if (this.choicetab == 0) {
+		onReachBottom() { //上滑加载
+			if (!this.choicetab) {
 				if (this.servelist.length >= this.servetotal) {} else {
 					this.pageNum++
-					itemList(this.nurseStationId, this.pageSize, this.pageNum).then(res => {
+					itemList(this.nurseStationId, this.pageSize, this.pageNum, this.nurseClassifyInfoId).then(res => {
 						res.rows.forEach(e => {
 							e.itemPictureUrl = baseurl + e.itemPictureUrl
 							this.servelist.push(e)
@@ -263,7 +464,7 @@
 		},
 		onPullDownRefresh() { //下拉刷新
 			this.pageNum = 1;
-			if (this.choicetab == 0) {
+			if (!this.choicetab) {
 				itemList(this.nurseStationId, this.pageSize, this.pageNum).then(res => {
 					res.rows.forEach(e => {
 						e.itemPictureUrl = baseurl + e.itemPictureUrl
@@ -282,9 +483,30 @@
 				uni.stopPullDownRefresh();
 			}, 1000);
 		},
+		//1.分享给朋友
+		onShareAppMessage(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
+		//2.分享到朋友圈
+		onShareTimeline(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
 	}
 </script>
 
 <style lang="scss">
-	@import './nursestation.scss'
+	@import './nursestation.scss';
 </style>
diff --git a/pages/shopping/shopping.vue b/pages/shopping/shopping.vue
index 23d4303..aefdbe4 100644
--- a/pages/shopping/shopping.vue
+++ b/pages/shopping/shopping.vue
@@ -25,20 +25,9 @@
 				pageSize: 10, //列
 				total: 0, //list总长度
 				goodsCategoryList: [], //商品列表list
-				listimg: [{
-						img: '../../static/sp.png',
-					},
-					{
-						img: '../../static/yyss.png',
-					},
-					{
-						img: '../../static/znsb.png',
-					},
-					{
-						img: '../../static/cp.png',
-					},
-				],
-				listcolor: ['#00C176', '#D43953', '#E1AE3C', '#4C7BC9', '#9e4dd0'], //颜色随动
+				listcolor: ['#00C176', '#D43953', '#E1AE3C', '#4C7BC9', '#9e4dd0', '#00C176', '#D43953', '#E1AE3C',
+					'#4C7BC9', '#9e4dd0',
+				], //颜色随动
 			};
 		},
 		onLoad(options) { //初始化加载
diff --git a/pages/site/site.scss b/pages/site/site.scss
index 468727f..b3cfd7e 100644
--- a/pages/site/site.scss
+++ b/pages/site/site.scss
@@ -1,54 +1,173 @@
 	//护理站列表
 	.app{
-		padding: 0 0 5rpx 0;
-		.map{
-			padding-top: 100rpx;
-			z-index: 1;
-			.map{
-				z-index: 1;
+		padding: 0;
+		background-color: #fff;
+	}
+	::v-deep .u-swiper-item{
+	}
+	::v-deep .u-swiper-image {
+	}
+	::v-deep .u-tabs{
+		background-color: #F4F5F7 !important;
+		padding-bottom: 20rpx;
+	}
+	.Classificationlist{
+		margin: 30rpx 0 0;
+		width: 100%;
+		display: flex;
+		justify-content: flex-start;
+			flex-wrap: wrap;
+			text-align: center;
+			.itemclass{
+				color: #4C7BC9;
+				width: 25%;
+				height: 190rpx;
+				image{
+					display: block;
+					margin: 0 auto;
+					width: 100rpx;
+					height: 100rpx;
+				}
+				.title{
+					padding: 0 10rpx;
+					width: 100%;
+					overflow: hidden;
+					    text-overflow: ellipsis;
+					    white-space: nowrap;
+					font-size: 30rpx;
+					font-weight: 600;
+					line-height: 70rpx;
+				}
+			}
+		.item{
+			width: 25%;
+			height: 190rpx;
+			image{
+				display: block;
+				margin: 0 auto;
+				width: 100rpx;
+				height: 100rpx;
+			}
+			.title{
+				padding: 0 10rpx;
+				width: 100%;
+				overflow: hidden;
+				    text-overflow: ellipsis;
+				    white-space: nowrap;
+				font-size: 30rpx;
+				font-weight: 500;
+				line-height: 70rpx;
 			}
 		}
-		
+	}
+	.inputs {
+		border: 1px solid #f0f0f0;
+		width: 90%;
+		height: 65rpx;
+		margin: 0 0 10rpx 50%;
+		transform: translateX(-50%);
+		border-radius: 20rpx;
+		background-color: #F4F5F7;
+		z-index: 999;
+	
+		.input {
+			margin: 0 auto;
+			position: absolute;
+			height: 65rpx;
+			// top: 8%;
+			left: 10%;
+			width: 90%;
+			font-size: 26rpx;
+			color: #000000;
+		}
+	
+		.icon {
+			background: url(@/static/sousuo.png) no-repeat;
+			width: 30rpx;
+			height: 28rpx;
+			background-size: cover;
+			position: absolute;
+			top: 30%;
+			left: 3%;
+		}
 	}
 	.conNew {
-		width: 96%;
-		// z-index: 999;
-		// position: fixed;
-		// top: 450rpx;
+		background-color: #F4F5F7;
+		width: 100%;
+		padding: 30rpx 0 50rpx;
 		margin: 0 auto;
-		// left: 2%;
 		height: 100%;
+		.noorder{
+			margin-top: 90rpx;
+			image{
+				display: block;
+				margin: 0 auto;
+				width: 100rpx;
+				height: 120rpx;
+			}
+			view{
+				text-align: center;
+				font-size: 36rpx;
+				color: #BFBFBF;
+			}
+		}
+		.title{
+			font-size: 32rpx;
+			font-weight: bold;
+			padding-left: 2%;
+		}
 		.addressContent {
-			width: 100%;
+			width: 96%;
+			background-color: #ffffff;
+			margin: 0 auto;
 		}
 
 		.lists {
-			background-color: #ffffff;
 			width: 100%;
-			height: 240rpx;
+			height: 300rpx;
 			margin-bottom: 14rpx;
 			border-radius: 20rpx;
 			position: relative;
-
-			.nurse {
-				font-size: 28rpx;
+			background-color: #ffffff;
+			.tags{
+				display: flex;
 				position: absolute;
-				top: 15%;
+				top: 55%;
 				left: 35%;
-				text-overflow: -o-ellipsis-lastline;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				display: -webkit-box;
-				-webkit-line-clamp: 2;
-				line-clamp: 2;
-				-webkit-box-orient: vertical;
+				width: 65%;
+				flex-wrap: wrap;
+				.tag{
+					background: #F8D7D1;
+					opacity: 0.8;
+					margin: 0 10rpx 10rpx 0;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+					padding: 0 10rpx;
+					height: 50rpx;
+					line-height: 50rpx;
+					text-align: center;
+					border-radius: 10rpx;
+					font-size: 22rpx;
+					color: #F44B2F;
+				}
+			}
+			.nurse {
+				font-size: 32rpx;
+				position: absolute;
+				top: 12%;
+				left: 35%;
+				width: 63%;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
 			}
 
 			.distance {
 				position: absolute;
-				bottom: 20%;
-				font-size: 24rpx;
-				left: 35%;
+				top: 32%;
+				left:35%;
+				font-size: 27rpx;
 				color: #666666;
 			}
 
@@ -82,20 +201,6 @@
 				display: block;
 				margin: 10% auto;
 			}
-
-			.understand {
-				font-size: 28rpx;
-				color: #ffffff;
-				width: 160rpx;
-				height: 60rpx;
-				line-height: 60rpx;
-				text-align: center;
-				background-color: #4C7BC9;
-				position: absolute;
-				bottom: 10%;
-				right: 1%;
-				border-radius: 35rpx;
-			}
 		}
 	}
 
diff --git a/pages/site/site.vue b/pages/site/site.vue
index aa56e23..4e555d1 100644
--- a/pages/site/site.vue
+++ b/pages/site/site.vue
@@ -1,24 +1,58 @@
 <template>
 	<view class="app">
-		<view class="nursetation" @tap='detailed()'>
-			<text class="what">什么是护理站？</text>
-			<u-icon class="icon" name="arrow-right"></u-icon>
+		<view class="inputs">
+			<i class="icon"></i>
+			<input v-model="searchName" type="text" name="" id="" class="input" placeholder="请输入">
 		</view>
-		<view class="map" style="height:35vh;">
-			<map style="width:100%; height:100%" scale="17" :latitude="latitude" :longitude="longitude"
-				:markers="markers"></map>
+		<view class="Classificationlist">
+			<view v-for="(item,index) in nurseItemClassifyInfoList" :key="index" @tap='tapitemclass(item)'
+				:class="item.id == itemClassId?'itemclass':'item'">
+				<image :src="item.classifyPictureUrl" mode=""></image>
+				<view class="title">
+					{{item.classifyName}}
+				</view>
+			</view>
+			<view class="item" v-if='nurseItemClassifyInfoList.length==7&&lengthlistshow' @tap='lengthlist(true)'>
+				<image src="../../static/gd.png" mode=""></image>
+				<view class="title">
+					更多
+				</view>
+			</view>
+			<view class="item" v-if='nurseItemClassifyInfoList.length>7&&!lengthlistshow' @tap='lengthlist(false)'>
+				<image src="../../static/gd.png" mode=""></image>
+				<view class="title">
+					收起
+				</view>
+			</view>
 		</view>
+		<u-swiper :list="lbinfo" height='200' interval='3000' duration='1500' mode='none'></u-swiper>
 		<view class="conNew">
-			<view class="addressContent" v-for="(item,index) in nursestationlist" :key="index">
-				<view class="lists">
-					<view class="nurse">{{item.nurseStationName}}</view>
-					<view class="distance">距离您{{item.distance}}KM</view>
-					<image class="background" :src="item.stationPictureUrl" mode=""></image>
-					<view class="understand" @tap='godetails(item)'>
-						点击了解
+			<view class="title">
+				周边医养机构
+			</view>
+			<u-tabs :list="nurseAgencyClassifyInfoList" :current="conNewcurrent" @change="change"></u-tabs>
+			<view class="" v-if="nursestationlist.length>0">
+				<view class="addressContent" v-for="(item,index) in nursestationlist" :key="index">
+					<view class="lists" @tap='godetails(item)'>
+						<view class="nurse">{{item.nurseStationName}}</view>
+						<view class="distance"
+							v-show="homeLatitudeLongitude.homeLatitude&&homeLatitudeLongitude.homeLongitude">
+							距离您{{item.distance}}KM</view>
+						<image class="background" :src="item.stationPictureUrl" mode=""></image>
+						<view class="tags">
+							<view class="tag" v-for="uitem in item.classifyInfoList">
+								{{uitem.classifyName}}
+							</view>
+						</view>
 					</view>
 				</view>
 			</view>
+			<view class="noorder" v-else>
+				<image src="../../static/noorder.png" mode=""></image>
+				<view class="">
+					暂无护理站
+				</view>
+			</view>
 		</view>
 		<view class="masks" style="" v-if="mask">
 			<view class="mask">
@@ -34,99 +68,130 @@
 				</view>
 			</view>
 		</view>
+		<u-back-top :scroll-top="scrollTop"></u-back-top>
 	</view>
 </template>
 <script>
 	import {
 		nearbyList,
-		getPatientInfo
+		getPatientInfo,
+		getNurseClassifyList
 	} from '@/api/site/site.js';
 	import baseurl from '@/api/baseurl.js'
 	export default {
 		data() {
 			return {
+				nurseAgencyClassifyInfoList: [], //护理站分类
+				conNewcurrent: 0,
+				nurseItemClassifyInfoList: [], //护理项目分类
+				nurseItemClassifyInfolength: 0,
+				nurseItemClassifyInfolistlength: [],
+				lengthlistshow: true,
+				lbinfo: [], //轮播list
 				nursestationlist: [],
 				mask: false,
 				pageNum: 1,
 				pageSize: 10,
 				total: 0,
-				//map地图所需
-				id: 0, // 使用 marker点击事件 需要填写id
-				// latitude: 39.909,
-				// longitude: 116.39742,
-				latitude: 36.649372,
-				longitude: 116.977102,
-				nurseTypeCode: '',
-				markers: [],
-				covers: [],
+				latitude: 39.90374,
+				longitude: 116.397827,
+				homeLatitudeLongitude: null,
+				nurseClassId: '', //护理站分类id
+				itemClassId: '', //护理项目分类id
+				searchName: '', //通用名称
+				scrollTop: 0,
 			}
 		},
 		methods: {
-			getlocation() {
+			lengthlist(item) {
+				uni.showLoading({
+					title: '',
+					duration: 1000
+				});
+				setTimeout((e) => {
+					this.lengthlistshow = !this.lengthlistshow
+					if (item) {
+						this.nurseItemClassifyInfoList = this.nurseItemClassifyInfolistlength
+					} else {
+						this.nurseItemClassifyInfoList = this.nurseItemClassifyInfolistlength.slice(0, 7)
+					}
+					uni.hideLoading();
+				}, 1000)
+			},
+			//点击护理项目分类
+			tapitemclass(item) {
+				if (this.itemClassId == item.id) {
+					this.itemClassId = ''
+				} else {
+					this.itemClassId = item.id
+				}
+				this.requestinfo()
+			},
+			//护理站和护理项目分类
+			getNurseClassifyinfo() {
+				getNurseClassifyList().then(res => {
+					this.nurseAgencyClassifyInfoList.push({
+						name: '全部',
+						id: '',
+					})
+					res.data.nurseAgencyClassifyInfoList.forEach(e => {
+						e.name = e.classifyName
+						this.nurseAgencyClassifyInfoList.push(e)
+					})
+					res.data.nurseItemClassifyInfoList.forEach(e => {
+						e.classifyPictureUrl = baseurl + e.classifyPictureUrl
+					})
+					res.data.poserInfoList.forEach(e => {
+						e.image = baseurl + e.posterPictureUrl
+					})
+					this.nurseItemClassifyInfolength = res.data.nurseItemClassifyInfoList.length
+					this.nurseItemClassifyInfolistlength = res.data.nurseItemClassifyInfoList
+					this.lbinfo = res.data.poserInfoList
+					this.nurseItemClassifyInfoList = res.data.nurseItemClassifyInfoList.slice(0, 7)
+				})
+			},
+			change(index) {
+				this.conNewcurrent = index;
+				this.nurseClassId = this.nurseAgencyClassifyInfoList[index].id
+				this.requestinfo()
+			},
+			getlocation(value) {
 				var that = this
-				uni.getLocation({
-					type: 'wgs84',
-					success: res => {
-						that.latitude = res.latitude
-						that.longitude = res.longitude
-						that.markers.push({
-							id: 3,
-							latitude: res.latitude,
-							longitude: res.longitude,
-							width: 20,
-							height: 25,
-							iconPath: "../../static/locatinsmall.png"
-						})
-						that.requestinfo();
-					},
-					fail: error => {
-						uni.showModal({
-							title: '提示',
-							content: '获取定位失败，是否授权打开定位',
-							success: (res) => {
-								if (res.confirm) {
-									uni.getSystemInfo({
-										success: (sys) => {
-											if (sys.platform == 'ios') {
-												plus.runtime.openURL(
-													"app-settings://");
-											} else {
-												var main = plus.android
-													.runtimeMainActivity();
-												var Intent = plus.android.importClass(
-													"android.content.Intent");
-												//可能应该直接进入应用列表的权限设置？=> android.settings.APPLICATION_SETTINGS
-												var mIntent = new Intent(
-													'android.settings.LOCATION_SOURCE_SETTINGS'
-												);
-												main.startActivity(mIntent);
-											}
-										}
-									})
-								}
-							}
-						})
+				uni.openSetting({
+					success(res) {
+						if (res.authSetting['scope.userLocation']) {
+							// uni.getLocation({
+							// 	type: 'wgs84',
+							// 	success: function(res) {
+							// 		that.latitude = res.latitude
+							// 		that.longitude = res.longitude
+							// 		that.mask = false
+							// 	}
+							// });
+						}
 					}
 				});
 			},
 			requestinfo() {
-				nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode).then(res => {
-					res.rows.forEach(e => {
-						e.stationPictureUrl = baseurl + e.stationPictureUrl
+				this.pageNum = 1;
+				nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseClassId, this.itemClassId,
+						this.searchName)
+					.then(res => {
+						uni.removeStorageSync('Refresh');
+						res.rows.forEach(e => {
+							e.stationPictureUrl = baseurl + e.stationPictureUrl
+							if (e.classifyInfoList && e.classifyInfoList.length >= 1) {
+								e.classifyInfoList = e.classifyInfoList.slice(0, 2)
+							}
+						})
+						this.nursestationlist = res.rows
+						this.mask = false
+						this.total = res.total
 					})
-					this.nursestationlist = res.rows
-					this.mask = false
-					this.total = res.total
-				})
 			},
 			godetails(item) {
 				uni.navigateTo({
-					url: `/pages/nursestation/nursestation?nurseStationId=${item.nurseStationId}`
-				})
-			},
-			detailed() {
-				uni.navigateTo({
-					url: `/pages/detail/detail`
+					url: `/pages/nursestation/nursestation?nurseStationId=${item.nurseStationId}&distance=${item.distance}`
 				})
 			},
 			cancel() {
@@ -136,13 +201,17 @@
 				})
 			},
 		},
-		onReachBottom() {
+		onReachBottom() { //上滑加载
 			if (this.nursestationlist.length >= this.total) {} else {
 				this.pageNum++;
-				nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode)
+				nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseClassId, this.itemClassId,
+						this.searchName)
 					.then(res => {
 						res.rows.forEach(e => {
 							e.stationPictureUrl = baseurl + e.stationPictureUrl
+							if (e.classifyInfoList && e.classifyInfoList.length >= 1) {
+								e.classifyInfoList = e.classifyInfoList.slice(0, 2)
+							}
 							this.nursestationlist.push(e)
 						})
 					})
@@ -150,54 +219,89 @@
 		},
 		onPullDownRefresh() { //下拉刷新
 			this.pageNum = 1;
-			nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
-				.then(res => {
-					res.rows.forEach(e => {
-						e.stationPictureUrl = baseurl + e.stationPictureUrl
-					})
-					this.nursestationlist = res.rows
-				})
+			// this.requestinfo()
 			setTimeout(function() {
 				uni.stopPullDownRefresh();
 			}, 1000);
 		},
 		watch: {
-			iptVal() {
-				// this.requestinfo()
+			searchName() {
+				this.itemClassId = ''
+				this.nurseClassId = ''
+				this.conNewcurrent = 0
+				this.requestinfo()
 			},
 		},
 		onShow() {
+			this.nurseClassId = ''
+			this.itemClassId = ''
 			var that = this
-			try {
-				const value = uni.getStorageSync('patientId');
-				if (value) {
-					getPatientInfo(value).then(res => {
-						if (res.code == 200) {
-							if (res.data.homeLatitude && res.data.homeLongitude) {
-								that.latitude = res.data.homeLatitude
-								that.longitude = res.data.homeLongitude
-								that.markers.push({
-									id: 3,
-									latitude: res.data.homeLatitude,
-									longitude: res.data.homeLongitude,
-									width: 20,
-									height: 25,
-									iconPath: "../../static/locatinsmall.png"
-								})
-								that.requestinfo();
-							} else {
-								that.getlocation()
-							}
+			const value = uni.getStorageSync('patientId');
+			if (value) {
+				getPatientInfo(value).then(res => {
+					if (res.code == 200) {
+						this.homeLatitudeLongitude = res.data
+						if (res.data.homeLatitude && res.data.homeLongitude) {
+							that.latitude = res.data.homeLatitude
+							that.longitude = res.data.homeLongitude
+							that.requestinfo();
 						} else {
-							that.getlocation()
+							that.requestinfo();
+							// uni.getLocation({
+							// 	type: 'wgs84',
+							// 	success: function(resp) {
+							// 		that.latitude = resp.latitude
+							// 		that.longitude = resp.longitude
+							// 		that.requestinfo();
+							// 	},
+							// 	fail(err) {
+							// 		that.mask = true;
+							// 	}
+							// });
 						}
-					})
-				} else {
-					that.getlocation()
-				}
-			} catch (e) {}
+					} else if (res.code == 9999) {} else {
+						that.requestinfo();
+					}
+				})
+			} else {
+				that.requestinfo();
+				// uni.getLocation({
+				// 	type: 'wgs84',
+				// 	success: function(res) {
+				// 		that.latitude = res.latitude
+				// 		that.longitude = res.longitude
+				// 		that.requestinfo();
+				// 	},
+				// 	fail(err) {
+				// 		that.mask = true;
+				// 	}
+				// });
+			}
+		},
+		onLoad() {
+			this.getNurseClassifyinfo();
+		},
+		//1.分享给朋友
+		onShareAppMessage(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
+		//2.分享到朋友圈
+		onShareTimeline(res) {
+			let pages = getCurrentPages();
+			let url = pages[pages.length - 1].$page.fullPath
+			return {
+				title: '泉医到家',
+				path: url,
+			}
+		},
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
 		},
-		onLoad() {},
 	}
 </script>
 <style lang="scss">
diff --git a/pages/startup/startup.vue b/pages/startup/startup.vue
index 6e3d747..0c183a0 100644
--- a/pages/startup/startup.vue
+++ b/pages/startup/startup.vue
@@ -75,11 +75,12 @@
 <style lang="scss">
 	.app {
 		height: 100vh;
+		background-color: #fff;
 	}
 
 	image {
 		width: 50%;
-		height: 200rpx;
+		height: 400rpx;
 		position: absolute;
 		left: 25%;
 		top: 28%;
diff --git a/pages/utabs/u-tabs.vue b/pages/utabs/u-tabs.vue
new file mode 100644
index 0000000..197e400
--- /dev/null
+++ b/pages/utabs/u-tabs.vue
@@ -0,0 +1,385 @@
+<template>
+	<view class="u-tabs" :style="{
+		background: bgColor
+	}">
+		<!-- $u.getRect()对组件根节点无效，因为写了.in(this)，故这里获取内层接点尺寸 -->
+		<view :id="id">
+			<scroll-view scroll-x class="u-scroll-view" :scroll-left="scrollLeft" scroll-with-animation>
+				<view class="u-scroll-box" :class="{'u-tabs-scorll-flex': !isScroll}">
+					<view class="u-tab-item u-line-1" :id="'u-tab-item-' + index" v-for="(item, index) in list"
+						:key="index" @tap="clickTab(index)" :style="[tabItemStyle(index)]">
+						<view class="">
+							{{item.dates}}
+						</view>
+						<u-badge :count="item[count] || item['count'] || 0" :offset="offset" size="mini"></u-badge>
+						{{ item[name] || item['name']}}
+					</view>
+					<view v-if="showBar" class="u-tab-bar" :style="[tabBarStyle]"></view>
+				</view>
+			</scroll-view>
+		</view>
+	</view>
+</template>
+
+<script>
+	/**
+	 * tabs 标签
+	 * @description 该组件，是一个tabs标签组件，在标签多的时候，可以配置为左右滑动，标签少的时候，可以禁止滑动。 该组件的一个特点是配置为滚动模式时，激活的tab会自动移动到组件的中间位置。
+	 * @tutorial https://www.uviewui.com/components/tabs.html
+	 * @property {Boolean} is-scroll tabs是否可以左右拖动（默认true）
+	 * @property {Array} list 标签数组，元素为对象，如[{name: '推荐'}]
+	 * @property {String Number} current 指定哪个tab为激活状态（默认0）
+	 * @property {String Number} height 导航栏的高度，单位rpx（默认80）
+	 * @property {String Number} font-size tab文字大小，单位rpx（默认30）
+	 * @property {String Number} duration 滑块移动一次所需的时间，单位秒（默认0.5）
+	 * @property {String} active-color 滑块和激活tab文字的颜色（默认#2979ff）
+	 * @property {String} inactive-color tabs文字颜色（默认#303133）
+	 * @property {String Number} bar-width 滑块宽度，单位rpx（默认40）
+	 * @property {Object} active-item-style 活动tabs item的样式，对象形式
+	 * @property {Object} bar-style 底部滑块的样式，对象形式
+	 * @property {Boolean} show-bar 是否显示底部的滑块（默认true）
+	 * @property {String Number} bar-height 滑块高度，单位rpx（默认6）
+	 * @property {String Number} item-width 标签的宽度（默认auto）
+	 * @property {String Number} gutter 单个tab标签的左右内边距之和，单位rpx（默认40）
+	 * @property {String} bg-color tabs导航栏的背景颜色（默认#ffffff）
+	 * @property {String} name 组件内部读取的list参数中的属性名（tab名称），见官网说明（默认name）
+	 * @property {String} count 组件内部读取的list参数中的属性名（badge徽标数），同name属性的使用，见官网说明（默认count）
+	 * @property {Array} offset 设置badge徽标数的位置偏移，格式为 [x, y]，也即设置的为top和right的值，单位rpx（默认[5, 20]）
+	 * @property {Boolean} bold 激活选项的字体是否加粗（默认true）
+	 * @event {Function} change 点击标签时触发
+	 * @example <u-tabs ref="tabs" :list="list" :is-scroll="false"></u-tabs>
+	 */
+	export default {
+		name: "u-tabs",
+		props: {
+			// 导航菜单是否需要滚动，如只有2或者3个的时候，就不需要滚动了，此时使用flex平分tab的宽度
+			isScroll: {
+				type: Boolean,
+				default: true
+			},
+			//需循环的标签列表
+			list: {
+				type: Array,
+				default () {
+					return [];
+				}
+			},
+			// 当前活动tab的索引
+			current: {
+				type: [Number, String],
+				default: 0
+			},
+			// 导航栏的高度和行高
+			height: {
+				type: [String, Number],
+				default: 80
+			},
+			// 字体大小
+			fontSize: {
+				type: [String, Number],
+				default: 28
+			},
+			// 过渡动画时长, 单位ms
+			duration: {
+				type: [String, Number],
+				default: 0.5
+			},
+			// 选中项的主题颜色
+			activeColor: {
+				type: String,
+				default: '#F44B2F;'
+			},
+			// 未选中项的颜色
+			inactiveColor: {
+				type: String,
+				default: '#303133'
+			},
+			// 菜单底部移动的bar的宽度，单位rpx
+			barWidth: {
+				type: [String, Number],
+				default: 40
+			},
+			// 移动bar的高度
+			barHeight: {
+				type: [String, Number],
+				default: 6
+			},
+			// 单个tab的左或有内边距（左右相同）
+			gutter: {
+				type: [String, Number],
+				default: 30
+			},
+			// 导航栏的背景颜色
+			bgColor: {
+				type: String,
+				default: '#ffffff'
+			},
+			// 读取传入的数组对象的属性(tab名称)
+			name: {
+				type: String,
+				default: 'name'
+			},
+			// 读取传入的数组对象的属性(徽标数)
+			count: {
+				type: String,
+				default: 'count'
+			},
+			// 徽标数位置偏移
+			offset: {
+				type: Array,
+				default: () => {
+					return [5, 20]
+				}
+			},
+			// 活动tab字体是否加粗
+			bold: {
+				type: Boolean,
+				default: true
+			},
+			// 当前活动tab item的样式
+			activeItemStyle: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			// 是否显示底部的滑块
+			showBar: {
+				type: Boolean,
+				default: true
+			},
+			// 底部滑块的自定义样式
+			barStyle: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			// 标签的宽度
+			itemWidth: {
+				type: [Number, String],
+				default: 'auto'
+			}
+		},
+		data() {
+			return {
+				scrollLeft: 0, // 滚动scroll-view的左边滚动距离
+				tabQueryInfo: [], // 存放对tab菜单查询后的节点信息
+				componentWidth: 0, // 屏幕宽度，单位为px
+				scrollBarLeft: 0, // 移动bar需要通过translateX()移动的距离
+				parentLeft: 0, // 父元素(tabs组件)到屏幕左边的距离
+				id: this.$u.guid(), // id值
+				currentIndex: this.current,
+				barFirstTimeMove: true, // 滑块第一次移动时(页面刚生成时)，无需动画，否则给人怪异的感觉
+			};
+		},
+		watch: {
+			// 监听tab的变化，重新计算tab菜单的布局信息，因为实际使用中菜单可能是通过
+			// 后台获取的（如新闻app顶部的菜单），获取返回需要一定时间，所以list变化时，重新获取布局信息
+			list(n, o) {
+				// list变动时，重制内部索引，否则可能导致超出数组边界的情况
+				if (n.length !== o.length) this.currentIndex = 0;
+				// 用$nextTick等待视图更新完毕后再计算tab的局部信息，否则可能因为tab还没生成就获取，就会有问题
+				this.$nextTick(() => {
+					this.init();
+				});
+			},
+			current: {
+				immediate: true,
+				handler(nVal, oVal) {
+					// 视图更新后再执行移动操作
+					this.$nextTick(() => {
+						this.currentIndex = nVal;
+						this.scrollByIndex();
+					});
+				}
+			},
+		},
+		computed: {
+			// 移动bar的样式
+			tabBarStyle() {
+				let style = {
+					width: this.barWidth + 'rpx',
+					transform: `translate(${this.scrollBarLeft}px, -100%)`,
+					// 滑块在页面渲染后第一次滑动时，无需动画效果
+					'transition-duration': `${this.barFirstTimeMove ? 0 : this.duration }s`,
+					'background-color': this.activeColor,
+					height: this.barHeight + 'rpx',
+					opacity: this.barFirstTimeMove ? 0 : 1,
+					// 设置一个很大的值，它会自动取能用的最大值，不用高度的一半，是因为高度可能是单数，会有小数出现
+					'border-radius': `${this.barHeight / 2}px`
+				};
+				Object.assign(style, this.barStyle);
+				return style;
+			},
+			// tab的样式
+			tabItemStyle() {
+				return (index) => {
+					let style = {
+						height: this.height + 'rpx',
+						'line-height': '33rpx',
+						'font-size': this.fontSize + 'rpx',
+						'transition-duration': `${this.duration}s`,
+						padding: this.isScroll ? `0 ${this.gutter}rpx` : '',
+						flex: this.isScroll ? 'auto' : '1',
+						width: this.$u.addUnit(this.itemWidth)
+					};
+					// 字体加粗
+					if (index == this.currentIndex && this.bold) style.fontWeight = 'bold';
+					if (index == this.currentIndex) {
+						style.color = this.activeColor;
+						// 给选中的tab item添加外部自定义的样式
+						style = Object.assign(style, this.activeItemStyle);
+					} else {
+						style.color = this.inactiveColor;
+					}
+					return style;
+				}
+			}
+		},
+		methods: {
+			// 设置一个init方法，方便多处调用
+			async init() {
+				// 获取tabs组件的尺寸信息
+				let tabRect = await this.$uGetRect('#' + this.id);
+				// tabs组件距离屏幕左边的宽度
+				this.parentLeft = tabRect.left;
+				// tabs组件的宽度
+				this.componentWidth = tabRect.width;
+				this.getTabRect();
+			},
+			// 点击某一个tab菜单
+			clickTab(index) {
+				// 点击当前活动tab，不触发事件
+				if (index == this.currentIndex) return;
+				// 发送事件给父组件
+				this.$emit('change', index);
+			},
+			// 查询tab的布局信息
+			getTabRect() {
+				// 创建节点查询
+				let query = uni.createSelectorQuery().in(this);
+				// 历遍所有tab，这里是执行了查询，最终使用exec()会一次性返回查询的数组结果
+				for (let i = 0; i < this.list.length; i++) {
+					// 只要size和rect两个参数
+					query.select(`#u-tab-item-${i}`).fields({
+						size: true,
+						rect: true
+					});
+				}
+				// 执行查询，一次性获取多个结果
+				query.exec(
+					function(res) {
+						this.tabQueryInfo = res;
+						// 初始化滚动条和移动bar的位置
+						this.scrollByIndex();
+					}.bind(this)
+				);
+			},
+			// 滚动scroll-view，让活动的tab处于屏幕的中间位置
+			scrollByIndex() {
+				// 当前活动tab的布局信息，有tab菜单的width和left(为元素左边界到父元素左边界的距离)等信息
+				let tabInfo = this.tabQueryInfo[this.currentIndex];
+				if (!tabInfo) return;
+				// 活动tab的宽度
+				let tabWidth = tabInfo.width;
+				// 活动item的左边到tabs组件左边的距离，用item的left减去tabs的left
+				let offsetLeft = tabInfo.left - this.parentLeft;
+				// 将活动的tabs-item移动到屏幕正中间，实际上是对scroll-view的移动
+				let scrollLeft = offsetLeft - (this.componentWidth - tabWidth) / 2;
+				this.scrollLeft = scrollLeft < 0 ? 0 : scrollLeft;
+				// 当前活动item的中点点到左边的距离减去滑块宽度的一半，即可得到滑块所需的移动距离
+				let left = tabInfo.left + tabInfo.width / 2 - this.parentLeft;
+				// 计算当前活跃item到组件左边的距离
+				this.scrollBarLeft = left - uni.upx2px(this.barWidth) / 2;
+				// 第一次移动滑块的时候，barFirstTimeMove为true，放到延时中将其设置false
+				// 延时是因为scrollBarLeft作用于computed计算时，需要一个过程需，否则导致出错
+				if (this.barFirstTimeMove == true) {
+					setTimeout(() => {
+						this.barFirstTimeMove = false;
+					}, 100)
+				}
+			}
+		},
+		mounted() {
+			this.init();
+		}
+	};
+</script>
+
+<style lang="scss" scoped>
+	// 定义混入指令，用于在非nvue环境下的flex定义，因为nvue没有display属性，会报错
+	@mixin vue-flex($direction: row) {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-direction: $direction;
+		/* #endif */
+	}
+
+	.u-tabs {
+		padding: 20rpx 0;
+		-webkit-overflow-scrolling: touch;
+	}
+
+	view,
+	scroll-view {
+		box-sizing: border-box;
+	}
+
+	/* #ifndef APP-NVUE */
+	::-webkit-scrollbar,
+	::-webkit-scrollbar,
+	::-webkit-scrollbar {
+		display: none;
+		width: 0 !important;
+		height: 0 !important;
+		-webkit-appearance: none;
+		background: transparent;
+	}
+
+	/* #endif */
+
+	.u-scroll-box {
+		position: relative;
+		/* #ifdef MP-TOUTIAO */
+		white-space: nowrap;
+		/* #endif */
+	}
+
+	/* #ifdef H5 */
+	// 通过样式穿透，隐藏H5下，scroll-view下的滚动条
+	scroll-view ::v-deep ::-webkit-scrollbar {
+		display: none;
+		width: 0 !important;
+		height: 0 !important;
+		-webkit-appearance: none;
+		background: transparent;
+	}
+
+	/* #endif */
+
+	.u-scroll-view {
+		width: 100%;
+		white-space: nowrap;
+		position: relative;
+	}
+
+	.u-tab-item {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: inline-block;
+		/* #endif */
+		text-align: center;
+		transition-property: background-color, color;
+	}
+
+	.u-tab-bar {
+		position: absolute;
+		bottom: 0;
+	}
+
+	.u-tabs-scorll-flex {
+		@include vue-flex;
+		justify-content: space-between;
+	}
+</style>
diff --git a/static/1024.png b/static/1024.png
deleted file mode 100644
index f8d8525..0000000
Binary files a/static/1024.png and /dev/null differ
diff --git a/static/chaxun.png b/static/chaxun.png
deleted file mode 100644
index 0629232..0000000
Binary files a/static/chaxun.png and /dev/null differ
diff --git a/static/daohang.png b/static/daohang.png
deleted file mode 100644
index 07b4dd3..0000000
Binary files a/static/daohang.png and /dev/null differ
diff --git a/static/fuli.png b/static/fuli.png
new file mode 100644
index 0000000..6827c11
Binary files /dev/null and b/static/fuli.png differ
diff --git a/static/gd.png b/static/gd.png
new file mode 100644
index 0000000..4fdf680
Binary files /dev/null and b/static/gd.png differ
diff --git a/static/hlz.png b/static/hlz.png
new file mode 100644
index 0000000..725073b
Binary files /dev/null and b/static/hlz.png differ
diff --git a/static/home.png b/static/home.png
deleted file mode 100644
index 8eb8e55..0000000
Binary files a/static/home.png and /dev/null differ
diff --git a/static/huijiantou.png b/static/huijiantou.png
new file mode 100644
index 0000000..b8beb97
Binary files /dev/null and b/static/huijiantou.png differ
diff --git a/static/jjhl.png b/static/jjhl.png
deleted file mode 100644
index 9dc8732..0000000
Binary files a/static/jjhl.png and /dev/null differ
diff --git a/static/jkzx.png b/static/jkzx.png
new file mode 100644
index 0000000..cc7ca69
Binary files /dev/null and b/static/jkzx.png differ
diff --git a/static/kefu.png b/static/kefu.png
new file mode 100644
index 0000000..ca45095
Binary files /dev/null and b/static/kefu.png differ
diff --git a/static/kefuzx.jpg b/static/kefuzx.jpg
new file mode 100644
index 0000000..f749fc5
Binary files /dev/null and b/static/kefuzx.jpg differ
diff --git a/static/lifeserve.png b/static/lifeserve.png
deleted file mode 100644
index 8e0fc21..0000000
Binary files a/static/lifeserve.png and /dev/null differ
diff --git a/static/locatinsmall.png b/static/locatinsmall.png
index 14620d1..ab6fc14 100644
Binary files a/static/locatinsmall.png and b/static/locatinsmall.png differ
diff --git a/static/logo.png b/static/logo.png
index 2f386b6..cfeb33c 100644
Binary files a/static/logo.png and b/static/logo.png differ
diff --git a/static/order.png b/static/order.png
deleted file mode 100644
index 98ecbc2..0000000
Binary files a/static/order.png and /dev/null differ
diff --git a/static/pb.png b/static/pb.png
deleted file mode 100644
index cab5f98..0000000
Binary files a/static/pb.png and /dev/null differ
diff --git a/static/phone.png b/static/phone.png
new file mode 100644
index 0000000..73ebe36
Binary files /dev/null and b/static/phone.png differ
diff --git a/static/shoping.png b/static/shoping.png
new file mode 100644
index 0000000..93f8eaa
Binary files /dev/null and b/static/shoping.png differ
diff --git a/static/shopingw.png b/static/shopingw.png
new file mode 100644
index 0000000..1ea4896
Binary files /dev/null and b/static/shopingw.png differ
diff --git a/static/shopping.png b/static/shopping.png
deleted file mode 100644
index 936f8f9..0000000
Binary files a/static/shopping.png and /dev/null differ
diff --git a/static/sp.png b/static/sp.png
deleted file mode 100644
index 6fa2833..0000000
Binary files a/static/sp.png and /dev/null differ
diff --git a/static/yiliaohuli.png b/static/yiliaohuli.png
deleted file mode 100644
index b0f7990..0000000
Binary files a/static/yiliaohuli.png and /dev/null differ
diff --git a/static/ylfw.png b/static/ylfw.png
deleted file mode 100644
index c1d322b..0000000
Binary files a/static/ylfw.png and /dev/null differ
diff --git a/static/yuyue.png b/static/yuyue.png
deleted file mode 100644
index a7ed0e7..0000000
Binary files a/static/yuyue.png and /dev/null differ
diff --git a/static/yyss.png b/static/yyss.png
deleted file mode 100644
index 65c8b53..0000000
Binary files a/static/yyss.png and /dev/null differ
diff --git a/static/zbgl.png b/static/zbgl.png
new file mode 100644
index 0000000..f181e76
Binary files /dev/null and b/static/zbgl.png differ
diff --git a/static/zhuanjia.png b/static/zhuanjia.png
deleted file mode 100644
index f0e4354..0000000
Binary files a/static/zhuanjia.png and /dev/null differ
diff --git a/static/znsb.png b/static/znsb.png
deleted file mode 100644
index 0917e1f..0000000
Binary files a/static/znsb.png and /dev/null differ
diff --git a/static/zs.png b/static/zs.png
deleted file mode 100644
index 4ef06d4..0000000
Binary files a/static/zs.png and /dev/null differ