From ec613f5e4ac87a9a319ac26b80741470f51d0535 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E8=BE=89?= <814457906@qq.com>
Date: Thu, 9 Mar 2023 09:55:22 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/medicine/medicine.vue | 205 ++++++++----------------------------
 1 file changed, 42 insertions(+), 163 deletions(-)

diff --git a/pages/medicine/medicine.vue b/pages/medicine/medicine.vue
index 0472d66..505cc84 100644
--- a/pages/medicine/medicine.vue
+++ b/pages/medicine/medicine.vue
@@ -1,7 +1,17 @@
 <template>
 	<view class="app">
-		<view class="background">
-			<!-- 轮播图 -->
+		<view class="concent">
+			<view class="background">
+				<image src="/static/logo.png" mode=""></image>
+				<view class="detailed">
+					<view>
+						在“互联网+医疗健康”高速发展的当下，以远程诊疗、大数据、人工智能为代表的新技术应用，越来越多的应用在医疗健康服务当中，依托三甲专家团队赋能基层医疗，打造“医、药、检、险”的全闭环商业模式，实现物联网化医生联合体布局，提供数字化远程医疗解决方案，提升基层医疗水平，提高医疗效率，降低看病成本。
+						平台将全力打造“智慧诊所”，为基层全科医生医提供物联网可穿戴式医疗设备，基层医生负责操作收集，医生集团的三甲专家远程出具诊断报告。有效将三甲医院医生、基层医生与患者连接，从而更加方便快捷高效，随时随地满足患者的长期医疗需求。可以为基层医生解决技术缺陷、设备不足等难题；遇到病情紧急严重的还可以打开绿色就医通道进行转诊服务。
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 		<view class="swiper">
 			<swiper :indicator-dots="false" indicator-color='#fff' indicator-active-color='#0086d6' :autoplay="autoplay"
 				:interval="2000" :duration="1000" class="swiper-box" :circular='true' @change="swiperChange">
 				<swiper-item v-for="(item ,index) in swiperImgUrls" :key="index">
@@ -49,7 +59,7 @@
 					</view>
 				</view>
 			</view>
-		</view>
+		</view> -->
 	</view>
 </template>
 
@@ -170,173 +180,42 @@
 </script>
 
 <style lang="scss">
-	.app {
-		padding: 0%;
-		margin-top: 381rpx;
+	// @import "./medicine.scss";
+	.concent {
+		width: 701rpx;
+		height: 100%;
+		background: #4C7BC9;
+		box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
+		border-radius: 20rpx;
+		margin: 5% auto 20px;
+		padding: 30rpx 0;
 
 		.background {
-			position: fixed;
-			top: 0;
-			width: 100%;
-			height: 380rpx;
-			z-index: 999;
-
-			.swiper-box {
-				width: 100%;
-				height: 380rpx;
-			}
-
-			.swiper-item {
-				height: 380rpx;
-				text-align: center;
-
-				image {
-					width: 100%;
-					height: 380rpx !important;
-					z-index: 999;
-				}
-			}
-
-			video {
-				height: 100%;
-				width: 100%;
-			}
-		}
-
-		.hospital {
-			width: 97%;
-			margin: 0 auto;
+			position: relative;
+			width: 657rpx;
 			height: 100%;
-			background-color: #fff;
+			background: #FFFFFF;
+			border-radius: 25rpx;
+			background-color: white;
+			margin: 0 auto;
 
-			.appointmenthospital {
-				height: 90rpx;
-				font-size: 35rpx;
-				line-height: 90rpx;
-				border-bottom: 1rpx solid #D8D4D4;
-				width: 94%;
-				margin: 0 auto;
-				font-weight: 600;
+			.detailed {
+				width: 657rpx;
+				height: 100%;
+				padding: 0 42rpx 20rpx;
+				line-height: 56rpx;
 			}
 
-			.tabbar {
-				display: flex;
-				height: calc(100vh - 470rpx);
-				width: 100%;
+			.detailed view {
+				text-indent: 2em;
+			}
 
-
-				.lefttabbar {
-					width: 30%;
-					// display: inline-block;
-					height: 100%;
-					padding-top: 20rpx;
-
-					.lefttabbarlist {
-						overflow: scroll;
-						-webkit-overflow-scrolling: touch;
-						height: 100%;
-
-						.actives {
-							width: 80%;
-							color: red;
-							font-size: 34rpx;
-							overflow: hidden;
-							text-overflow: ellipsis;
-							white-space: nowrap;
-							margin: 0 auto;
-							line-height: 80rpx;
-							border-bottom: 1rpx solid #D8D4D4;
-							text-align: center;
-							font-size: 30rpx;
-							// border-radius: 25rpx 0 0 25rpx;
-						}
-
-						.active {
-							text-align: center;
-							overflow: hidden;
-							text-overflow: ellipsis;
-							font-size: 30rpx;
-							white-space: nowrap;
-							border-bottom: 1rpx solid #D8D4D4;
-							width: 80%;
-							margin: 0 auto;
-							line-height: 80rpx;
-						}
-					}
-				}
-
-				.righttabbar {
-					width: 70%;
-					height: 100%;
-
-					.productlist {
-						padding-bottom: 40rpx;
-						overflow: scroll;
-						-webkit-overflow-scrolling: touch;
-						width: 100%;
-						height: 100%;
-						margin: 0 auto;
-						border-radius: 25rpx;
-						display: flex;
-						flex-wrap: wrap;
-						justify-content: space-evenly;
-						background-color: #ffffff;
-
-						.content {
-							position: relative;
-							width: 100%;
-							height: 450rpx;
-							border-bottom: 1rpx solid #D8D4D4;
-
-							.hospitalimage {
-								position: absolute;
-								width: 109rpx;
-								height: 111rpx;
-								top: 50rpx;
-								left: 30rpx;
-							}
-
-							.hospitalteacher {
-								font-size: 36rpx;
-								position: absolute;
-								top: 60rpx;
-								left: 160rpx;
-							}
-
-							.physician {
-								font-size: 24rpx;
-								color: #666666;
-								position: absolute;
-								top: 120rpx;
-								left: 160rpx;
-
-							}
-
-							.words {
-								position: absolute;
-								left: 41rpx;
-								width: 85%;
-								top: 190rpx;
-								text-indent: 2em;
-								font-size: 30rpx;
-								line-height: 55rpx;
-							}
-
-							.appointment {
-								position: absolute;
-								bottom: 25rpx;
-								right: 30rpx;
-								width: 125rpx;
-								height: 52rpx;
-								background: #F44B2F;
-								border-radius: 26rpx;
-								color: #fff;
-								line-height: 52rpx;
-								text-align: center;
-							}
-						}
-					}
-				}
+			image {
+				width: 178rpx;
+				height: 160rpx;
+				background: #FFFFFF;
+				border-radius: 25px;
+				margin-left: 68%;
 			}
 		}
 	}