修改

pages.json

@@ -294,7 +294,16 @@
 				"enablePullDownRefresh": false
 			}
 		}
-	],
+	    ,{
+            "path" : "pages/night/night",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "",

pages/homepage/homepage.vue

@@ -55,11 +55,10 @@
 			</view>
 		</view>
 		<view class="Welfarecustomerservice">
-			<image class="pzyh" src="../../static/pzyh.png" mode="" @tap='gopzyh'></image>
-			<div>
-				<image src="../../static/fuli.png" mode="" @tap='gomaterialbenefits'></image>
-				<image src="../../static/kefu.png" mode="" @tap='gocustomerservice'></image>
-			</div>
+			<image src="../../static/pzyh.png" mode="" @tap='gopzyh'></image>
+			<image src="../../static/fuli.png" mode="" @tap='gomaterialbenefits'></image>
+			<image src="../../static/kefu.png" mode="" @tap='gocustomerservice'></image>
+			<image src="../../static/96558.png" mode="" @tap='gonight'></image>
 			<image class="shopping" src="../../static/shoping.png" mode="" @tap='goshopping'></image>
 		</view>
 		<view class="Healthknowledge">
@@ -314,6 +313,11 @@
 					url: `/pages/nursestation/nursestation?nurseStationId=${13}`
 				})
 			},
+			gonight() {
+				uni.navigateTo({
+					url: '/pages/night/night'
+				})
+			},
 		},
 		// onReachBottom() { //下滑加载
 		// 	if (this.informationCategoryVOList.length >= this.informationCategorytotal) {} else {
@@ -488,38 +492,28 @@
 
 		.Welfarecustomerservice {
 			display: flex;
-			justify-content: center;
+			justify-content: space-around;
 			flex-wrap: wrap;
 			background-color: #fff;
 			width: 100%;
-			padding: 30rpx 0;
+			padding: 30rpx 3%;
 			margin-bottom: 20rpx;
 
-			.pzyh {
-				// float: left;
-				width: 340rpx;
-				height: 340rpx;
-			}
 
 			.shopping {
 				margin-top: 15rpx;
-				width: 700rpx;
+				width: 98%;
 				height: 170rpx;
 			}
 
-			div {
-				margin-left: 18rpx;
-				width: 340rpx;
+			image {
+				display: block;
+				width: 48%;
+				height: 165rpx;
+			}
 
-				image {
-					display: block;
-					width: 340rpx;
-					height: 165rpx;
-				}
-
-				image:nth-child(1) {
-					margin-bottom: 14rpx;
-				}
+			image:nth-child(1) {
+				margin-bottom: 14rpx;
 			}
 		}
 

pages/night/night.vue

@@ -0,0 +1,83 @@
+<template>
+	<view class="app">
+		<view class="concent">
+			<view class="background">
+				<image src="/static/logo.png" mode=""></image>
+				<view>
+					<view class="detailed">
+						<view class="title">
+							山东贴心智养简介
+						</view>
+						<view class="" style="text-indent: 2em;">
+							96558是以24小时呼叫中心为载体，以多元化服务体系为依托，为社区居民特别是老年人提供紧急救助、精神慰藉、健康管理和便民服务的综合性智慧健康养老服务平台。
+							2012年以来，先后承接了济南市民政局1万余名80岁以上低保、空巢、贫困老人的居家养老服务工作、济南市委老干部局3000余户离退休老干部的居家养老服务工作、山东省委老干部局1800户离休老干部的居家养老服务项目，以及远郊区县5个分平台的筹建及运营工作。
+							截止目前，平台在网用户已达30余万人，活跃用户4万余人，平台日呼入量近600人次，累计完成紧急援助近6000人次，累计提供各种服务近200万次，居民对服务的满意率达到99%。
+							2017年11月，公司被山东省质监局、山东省发改委正式授予“山东省服务标准化示范单位”称号。同时，先后多次被中国服务贸易协会授予
+							“健康养老最佳商业模式机构”、“最具成长型服务企业”、“健康养老品牌服务机构”、“服务贸易创新型企业”等荣誉称号。
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		padding-top: 10rpx;
+
+		.concent {
+			width: 701rpx;
+			height: 1500rpx;
+			background: #4C7BC9;
+			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
+			border-radius: 20rpx;
+			margin: 14rpx auto 20px;
+
+			.background {
+				position: relative;
+				width: 657rpx;
+				height: 1450rpx;
+				background: #FFFFFF;
+				border-radius: 25rpx;
+				background-color: white;
+				margin: 0 auto;
+				top: 50%;
+				transform: translateY(-50%);
+
+				image {
+					width: 178rpx;
+					height: 200rpx;
+					background: #FFFFFF;
+					border-radius: 25px;
+					margin-left: 68%;
+				}
+			}
+		}
+	}
+
+	.detailed {
+		width: 657rpx;
+		padding: 0 42rpx;
+		line-height: 56rpx;
+	}
+
+	.detailed view {}
+
+	.title {
+		text-align: center;
+		font-size: 36rpx;
+		font-weight: 600;
+		margin-bottom: 20rpx;
+	}
+</style>