护理站详情

pages/nursestation/nursestation.vue

@@ -32,8 +32,7 @@
 					</view>
 				</view>
 			</view>
-			<view class="tive"
+			<view class="tive">
-				style="width:94%;background-color:#ffffff;margin:0 auto;margin-top:5%;border-radius: 11px;">
 				<view class="tab-box">
 					<view class="tab-item" @tap="testTabClick(index)" :class="tabIndex == index?'active':''"
 						v-for="(item,index) in tabList" :key="index">
@@ -180,18 +179,28 @@
 		font-size: 36rpx;
 		padding-top: 10rpx;
 		.tive {
+			width: 94%;
+			background-color: #ffffff;
+			margin: 0 auto;
+			margin-top: 3%;
+			border-radius: 11px;
+
 			.item {
 				width: 99%;
 				height: 184rpx;
-				position: relative;
+
-				margin-bottom: 3%;
+				image {
+					width: 170rpx;
+					height: 170rpx;
+					margin-left: 3%;
+				}
 
 				.servicetime {
-					font-size: 34rpx;
 					color: #999999;
 					line-height: 37rpx;
 					margin-left: 35%;
 				}
+
 				.appointment {
 					width: 125rpx;
 					height: 71rpx;
@@ -205,8 +214,6 @@
 				}
 
 				.price {
-					width: 60rpx;
-					height: 26rpx;
 					color: red;
 					font-size: 32rpx;
 					margin-top: 3%;
@@ -214,25 +221,18 @@
 				}
 
 				.product {
-					font-size: 38rpx;
-
 					margin-top: -26%;
 					margin-left: 28%;
 				}
 
 				.huanyao {
-
-					font-size: 38rpx;
 					margin-left: 35%;
-
 					margin-top: -24%;
 					color: #000000;
 
 					.pingfen {
 						float: right;
 					}
-
-
 				}
 
 			}
@@ -247,7 +247,6 @@
 					transition: all 0.2s linear;
 					font-size: 31rpx;
 
-
 					&::after {
 						transition: all 0.2s linear;
 						transform: translateX(-50%) scaleX(0);
@@ -273,7 +272,6 @@
 					}
 				}
 			}
-
 		}
 
 		.Nursestationconfiguration {
@@ -284,33 +282,25 @@
 			margin: 0 auto;
 
 			.configuration {
-				
 				font-size: 31rpx;
 				color: #333333;
 				line-height: 12rpx;
 				padding: 6%;
 				margin-left: -3%;
 				margin-top: 3%;
-				font-weight: 500;
 
 				.config {
 					display: flex;
 
 					.measure {
-						// width: 60%;
-						// height: 67rpx;
 						background: #F6F6F6;
 						border-radius: 33rpx;
 						text-align: center;
 						line-height: 67rpx;
 						display: inline-block;
 						margin-left: 5%;
-						// margin-top: 5%;
 					}
-
-
 				}
-
 			}
 		}
 
@@ -323,8 +313,7 @@
 			border-radius: 20rpx;
 			margin-top: 3%;
 			font-size: 31rpx;
-			padding: 1px 20px 0 20px;
+			padding: 3%;
-			// box-sizing: border-box;
 
 			.textInfo {
 				font-size: 29rpx;
@@ -334,25 +323,22 @@
 			}
 
 			.Introduction {
-				width: 94%;
 				font-size: 31rpx;
 				color: #333333;
 				line-height: 12rpx;
 				margin-left: -3%;
-				margin-top: 3%;
 				padding: 3%;
-				font-weight: 500;
-				/* margin-bottom: 20px; */
 			}
-
 		}
 
 		.righttext {
+			position: relative;
 			width: 94%;
 			height: 252rpx;
 			background-color: #ffffff;
 			border-radius: 20rpx;
 			margin: 10px auto;
+
 			.picture {
 				position: absolute;
 				width: 170rpx;
@@ -367,21 +353,16 @@
 				background: #00C176;
 				border-radius: 24px;
 				font-size: 21rpx;
-			
 				color: #ffffff;
 				line-height: 48rpx;
 				margin-left: 60%;
-				margin-top: -7%;
 				text-align: center;
-
+				margin-top: -6%;
 				image {
 					width: 24rpx;
 					height: 24rpx;
-					color: #ffffff;
-
 				}
 			}
-
 			.callme {
 				width: 149rpx;
 				height: 48rpx;
@@ -394,23 +375,14 @@
 				margin-top: 3%;
 				text-align: center;
 			}
-
 			.title {
 				margin-left: 35%;
 				line-height: 49px;
 				font-size: 33rpx;
-				font-weight: normal;
-				letter-spacing: 1px;
-
 			}
-
-
 			.address {
-				width: 396rpx;
-				height: 62rpx;
 				font-size: 25rpx;
 				margin-left: 35%;
-				margin-top: -2%;
 				color: #999999;
 				line-height: 37rpx;
 			}