From 7c83ac1eed89ff44cf5d558e0fe7ab5fb8423521 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=AB=E6=99=93=E8=8C=B9?= <1935832701@qq.com>
Date: Mon, 24 Oct 2022 16:46:54 +0800
Subject: [PATCH] =?UTF-8?q?=E9=99=84=E8=BF=91=E6=8A=A4=E7=90=86=E7=AB=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/appointmenttime/appointmenttime.scss | 175 ++++++++++++++++++
 pages/detail/detail.scss                   | 115 ++++++++++++
 pages/nursestation/nursestation.scss       | 197 +++++++++++++++++++++
 pages/picker/style.components.scss         |   7 +
 pages/site/site.scss                       | 176 ++++++++++++++++++
 5 files changed, 670 insertions(+)
 create mode 100644 pages/appointmenttime/appointmenttime.scss
 create mode 100644 pages/detail/detail.scss
 create mode 100644 pages/nursestation/nursestation.scss
 create mode 100644 pages/picker/style.components.scss
 create mode 100644 pages/site/site.scss

diff --git a/pages/appointmenttime/appointmenttime.scss b/pages/appointmenttime/appointmenttime.scss
new file mode 100644
index 0000000..8b9c953
--- /dev/null
+++ b/pages/appointmenttime/appointmenttime.scss
@@ -0,0 +1,175 @@
+.app {
+		.money {
+			font-size: 32rpx;
+			color: #D43953;
+			margin-left: 90%;
+		}
+		font-size: 36rpx;
+		padding-top: 10rpx;
+		.user {
+			background: #FFFFFF;
+			width: 94%;
+			margin: 10rpx auto;
+			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
+			border-radius: 20rpx;
+			line-height: 93rpx;
+			.selecttime {
+				height: 93rpx;
+				margin-left: 3%;
+				text {
+					font-size: 34rpx;
+					color: #878987;
+				}
+				image {
+					width: 18rpx;
+					height: 27rpx;
+					margin-left:60%;
+				}
+			}
+			.item {
+				width: 97%;
+				height: 93rpx;
+				border-bottom: 1rpx solid #D8D4D4;
+				margin-left: 3%;
+			}
+		}
+		.remarks {
+			width: 94%;
+			height: 382rpx;
+			margin: 10rpx auto;
+			padding: 3%;
+			font-size: 35rpx;
+			height: 96rpx;
+			background: #FFFFFF;
+			border-radius: 20rpx;
+			margin-top: 2%;
+
+			input {
+				margin-top: -6%;
+				margin-left: 15%;
+			}
+		}
+		.priceback {
+			width: 99%;
+			height: 40rpx;
+			background: #FFFFFF;
+			// margin-top: 10rpx;
+			position:fixed;
+			bottom:0;
+			display: flex;
+			.prices {
+				font-size: 54rpx;
+				color: #D43953;
+				
+				// line-height: 73rpx;
+				margin-top: 5%;
+			}
+			.xiugai {
+				width: 205rpx;
+				height: 71rpx;
+				background: #E1AE3C;
+				border-radius: 26rpx;
+				margin-left: 20%;
+				margin-top: 5%;
+				line-height: 71rpx;
+				text-align: center;
+				color: #ffffff;
+			}
+			.queren {
+				width: 227rpx;
+				height: 71rpx;
+				background: #4C7BC9;
+				border-radius: 26rpx;
+				margin-top: 5%;
+				line-height: 71rpx;
+				text-align: center;
+				color: #ffffff;
+			
+			}
+		}
+		.radio-content {
+			height: 80rpx;
+			line-height: 2rpx;
+			font-size: 34rpx;
+
+			.agreement {
+				font-size: 34rpx;
+				color: #878987;
+				margin-left: 14%;
+							}
+			.radio-right {
+				margin-left: 66rpx;
+				.radio-default {
+					border: 2rpx solid #0fbda6;
+				}
+				.radio {
+					width: 34rpx;
+					height: 34rpx;
+					border-radius: 70%;
+					border: 2rpx solid #178ffb;
+					margin: 6px 25px -10px -10px;
+
+					.radio-active {
+						width: 16rpx;
+						height: 16rpx;
+						border-radius: 50%;
+						background-color: #178ffb;
+						margin-left: 26%;
+						margin-top: 22%;
+						// margin: 0 auto;
+					}
+				}
+			}
+		}
+		/* 耗材包 */
+		.Consumablespackage {
+			width: 94%;
+			// height: 188rpx;
+			margin: 10rpx auto;
+			padding: 3%;
+			font-size: 35rpx;
+			height: 188rpx;
+			background: #FFFFFF;
+			border-radius: 20rpx;
+			margin-top: 2%;
+			.detail {
+				width: 301rpx;
+				height: 31rpx;
+				line-height: 31rpx;
+				font-size: 33rpx;
+				color: #666666;
+				line-height: 31rpx;
+				margin-left: 20%;
+			}
+		}
+		/* 套餐 */
+		.Package {
+			width: 94%;
+			// height: 243rpx;
+			margin: 10rpx auto;
+			padding: 3%;
+			font-size: 35rpx;
+			height: 243rpx;
+			background: #FFFFFF;
+			border-radius: 20rpx;
+			margin-top:2%;
+			.detail {
+				width: 301rpx;
+				height: 31rpx;
+				line-height: 31rpx;
+				font-size: 33rpx;
+				color: #666666;
+				line-height: 31rpx;
+				margin-left: 20%;
+			}
+		}
+		.message {
+			width: 94%;
+			// height: 96rpx;
+			background: white;
+			border-radius: 20rpx;
+			margin: 0 auto;
+			text-align: center;
+			line-height: 96rpx;
+		}
+	}
\ No newline at end of file
diff --git a/pages/detail/detail.scss b/pages/detail/detail.scss
new file mode 100644
index 0000000..485b474
--- /dev/null
+++ b/pages/detail/detail.scss
@@ -0,0 +1,115 @@
+.app {
+		// font-size: 36rpx;
+		padding-top: 10rpx;
+
+		.concent {
+			width: 701rpx;
+			height: 811rpx;
+			background: #4C7BC9;
+			box-shadow: 0px 9px 31px 9px 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;
+	}
\ No newline at end of file
diff --git a/pages/nursestation/nursestation.scss b/pages/nursestation/nursestation.scss
new file mode 100644
index 0000000..6e9d3f4
--- /dev/null
+++ b/pages/nursestation/nursestation.scss
@@ -0,0 +1,197 @@
+.app {
+		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;
+				image {
+					width: 170rpx;
+					height: 170rpx;
+					margin-left: 3%;
+				}
+				.servicetime {
+					color: #999999;
+					line-height: 37rpx;
+					margin-left: 35%;
+				}
+				.appointment {
+					width: 125rpx;
+					height: 71rpx;
+					background: #4C7BC9;
+					border-radius: 26rpx;
+					float: right;
+					margin-top: -5%;
+					color: #ffffff;
+					text-align: center;
+					line-height: 71rpx;
+				}
+				.price {
+					color: red;
+					font-size: 32rpx;
+					margin-top: 3%;
+					margin-left: 35%;
+				}
+				.product {
+					margin-top: -26%;
+					margin-left: 28%;
+				}
+				.huanyao {
+					margin-left: 35%;
+					margin-top: -24%;
+					color: #000000;
+					.pingfen {
+						float: right;
+					}
+				}
+			}
+			.tab-box {
+				display: flex;
+				.tab-item {
+					flex-shrink: 0;
+					padding: 3%;
+					position: relative;
+					transition: all 0.2s linear;
+					font-size: 31rpx;
+					&::after {
+						transition: all 0.2s linear;
+						transform: translateX(-50%) scaleX(0);
+						content: '';
+						width: 50%;
+						position: absolute;
+						left: 50%;
+						bottom: 20rpx;
+						border-bottom: 6rpx solid #D43953;
+						border-radius: 4rpx;
+					}
+					&.active {
+						&::after {
+							content: '';
+							width: 50%;
+							position: absolute;
+							left: 50%;
+							transform: translateX(-50%) scaleX(1);
+							bottom: 20rpx;
+							border-bottom: 6rpx solid red;
+						}
+					}
+				}
+			}
+		}
+		.Nursestationconfiguration {
+			width: 94%;
+			height: 184rpx;
+			background: #FFFFFF;
+			border-radius: 20rpx;
+			margin: 0 auto;
+			.configuration {
+				font-size: 31rpx;
+				color: #333333;
+				line-height: 12rpx;
+				padding: 6%;
+				margin-left: -3%;
+				margin-top: 3%;
+				.config {
+					// display: flex;
+					.measure {
+						background: #F6F6F6;
+						border-radius: 33rpx;
+						width: 193rpx;
+						height: 67rpx;
+						text-align: center;
+						line-height: 50rpx;
+						// display: inline-block;
+						margin-left: 10%;
+						// margin: 10rpx;
+					}
+				}
+			}
+		}
+		.detail {
+			position: relative;
+			width: 94%;
+			height: 443rpx;
+			margin: 0 auto;
+			background: #FFFFFF;
+			border-radius: 20rpx;
+			margin-top: 3%;
+			font-size: 31rpx;
+			padding: 3%;
+			.textInfo {
+				font-size: 29rpx;
+				text-indent: 2rem;
+				line-height: 42rpx;
+				color: #666666;
+			}
+			.Introduction {
+				font-size: 31rpx;
+				color: #333333;
+				line-height: 12rpx;
+				margin-left: -3%;
+				padding: 3%;
+			}
+		}
+		.righttext {
+			position: relative;
+			width: 94%;
+			height: 252rpx;
+			background-color: #ffffff;
+			border-radius: 20rpx;
+			margin: 10px auto;
+			.picture {
+				position: absolute;
+				width: 170rpx;
+				height: 170rpx;
+				margin-left: 5%;
+				margin-top: 5%;
+			}
+			.title {
+				margin-left: 35%;
+				line-height: 49px;
+				font-size: 33rpx;
+			}
+			.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: 149rpx;
+					height: 48rpx;
+					background: #D43953;
+					border-radius: 24px;
+					font-size: 21rpx;
+					color: #ffffff;
+					line-height: 48rpx;
+					margin-left: 35%;
+					margin-top: 3%;
+					text-align: center;
+				}
+			}
+			.address {
+				font-size: 25rpx;
+				margin-left: 35%;
+				color: #999999;
+				line-height: 37rpx;
+			}
+		}
+	}
\ No newline at end of file
diff --git a/pages/picker/style.components.scss b/pages/picker/style.components.scss
new file mode 100644
index 0000000..6835876
--- /dev/null
+++ b/pages/picker/style.components.scss
@@ -0,0 +1,7 @@
+// 定义混入指令，用于在非nvue环境下的flex定义，因为nvue没有display属性，会报错
+@mixin vue-flex($direction: row) {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	flex-direction: $direction;
+	/* #endif */
+}
\ No newline at end of file
diff --git a/pages/site/site.scss b/pages/site/site.scss
new file mode 100644
index 0000000..a7c7604
--- /dev/null
+++ b/pages/site/site.scss
@@ -0,0 +1,176 @@
+	//护理站列表
+	.conNew {
+		width: 96%;
+		z-index: 999;
+		position: absolute;
+		top: 400rpx;
+		left: 2%;
+
+		.addressContent {
+			width: 100%;
+		}
+
+		.lists {
+			background-color: #ffffff;
+			width: 100%;
+			height: 240rpx;
+			margin-bottom: 14rpx;
+			border-radius: 20rpx;
+			position: relative;
+
+			.nurse {
+				font-size: 30rpx;
+				position: absolute;
+				top: 15%;
+				left: 35%;
+			}
+
+			.distance {
+				position: absolute;
+				top: 40%;
+				font-size: 14rpx;
+				margin-left: 35%;
+				color: #666666;
+			}
+
+			.background {
+				width: 180rpx;
+				height: 180rpx;
+				background-color: #4C7BC9;
+				position: absolute;
+				top: 12%;
+				left: 7%;
+				border-radius: 30rpx;
+
+				.qyttext {
+					margin-left: 28%;
+					display: block;
+					font-size: 25rpx;
+					color: #FFFFFF;
+				}
+
+				.lianmeng {
+					display: block;
+					margin-left: 5%;
+					font-size: 14rpx;
+					color: #FFFFFF;
+				}
+			}
+
+			.background image {
+				width: 99rpx;
+				height: 99rpx;
+				// margin: 0 auto;
+				text-align: center;
+				margin-top: 5%;
+				margin-left: 20%;
+			}
+
+			.understand {
+				color: #ffffff;
+				width: 170rpx;
+				height: 70rpx;
+				line-height: 70rpx;
+				text-align: center;
+				background-color: #4C7BC9;
+				position: absolute;
+				bottom: 10%;
+				right: 5%;
+				border-radius: 35rpx;
+			}
+		}
+	}
+
+	.masks {
+		height: 100%;
+		width: 100%;
+		position: absolute;
+		opacity: 0.9;
+		top: 0;
+		z-index: 999;
+
+		.mask {
+			width: 72%;
+			height: 348rpx;
+			background-color: #fff;
+			margin: 47% auto;
+			border-radius: 30rpx;
+			padding: 3%;
+
+			.picture {
+				margin: 0 auto;
+				width: 86rpx;
+
+				image {
+					height: 102rpx;
+					width: 86rpx;
+				}
+			}
+
+
+
+			.text {
+				font-size: 37rpx;
+				color: #000000;
+				line-height: 70rpx;
+				text-align: center;
+			}
+
+
+
+			.btns {
+				display: flex;
+				color: #fff;
+				text-align: center;
+				line-height: 62rpx;
+				justify-content: center;
+				margin-top: 5%;
+				
+				.bt {
+					background: #C5BFBF;
+					width: 198rpx;
+					height: 62rpx;
+					border-radius: 23rpx;
+					margin: 25rpx;
+				}
+
+				.btn {
+					width: 198rpx;
+					height: 62rpx;
+					border-radius: 23rpx;
+					background: #4C7BC9;
+					margin: 25rpx;
+				}
+			}
+		}
+	}
+
+
+
+	//什么是护理站
+	.nursetation {
+		width: 80%;
+		position: absolute;
+		top: 20px;
+		left: 10%;
+		float: left;
+		border: 1px solid #f0f0f0;
+		border-radius: 20rpx;
+		background-color: #ffffff;
+		z-index: 100;
+		height: 85rpx;
+		line-height: 85rpx;
+		box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
+
+		.what {
+			margin-left: 10%;
+			display: inline-block;
+		}
+
+		.icon {
+			display: inline-block;
+			height: 85rpx;
+			line-height: 85rpx;
+			margin-left: 45%;
+		}
+	}
\ No newline at end of file