From 195081b5b9279d0c44cdb73f69bf246ec6f316f3 Mon Sep 17 00:00:00 2001
From: "DESKTOP-SORBLEM\\xuyay" <282581850@qq.com>
Date: Tue, 30 Apr 2024 20:11:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A4=E5=B7=A5=E5=88=97=E8=A1=A8=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../packagesPro/pages/proCarerList/list.vue   | 308 +++++++++++++++++-
 static/resource/icon/star.png                 | Bin 0 -> 2121 bytes
 static/resource/icon/star_on.png              | Bin 0 -> 2427 bytes
 3 files changed, 305 insertions(+), 3 deletions(-)
 create mode 100644 static/resource/icon/star.png
 create mode 100644 static/resource/icon/star_on.png

diff --git a/packages/packagesPro/pages/proCarerList/list.vue b/packages/packagesPro/pages/proCarerList/list.vue
index 8ca6ca7..228c8f6 100644
--- a/packages/packagesPro/pages/proCarerList/list.vue
+++ b/packages/packagesPro/pages/proCarerList/list.vue
@@ -1,6 +1,155 @@
 <template>
-	
-	<view class="clearfix">
+	<view class="wrap">
+		<view class="clearfix procarefilter">
+			<text class="filteritem active">按年龄
+				<text class="arrow">
+					<text class="arrowicon arrowup on"></text>
+					<text class="arrowicon arrowdown on"></text>
+				</text>
+			</text>
+			<text class="filteritem">按护理经验
+				<text class="arrow">
+					<text class="arrowicon arrowup"></text>
+					<text class="arrowicon arrowdown"></text>
+				</text>
+			</text>
+			<text class="filteritem">按评价
+				<text class="arrow">
+					<text class="arrowicon arrowup"></text>
+					<text class="arrowicon arrowdown"></text>
+				</text>
+			</text>
+		</view>
+		<view class="procarelist">
+			<!-- 1条数据开始 -->
+			<view class="procarelist-item">
+				<view class="clearfix procarelist-top">
+					<view class="procarelist-img">
+						<image src="../../../../static/resource/icon/icon_face.jpg"></image>
+					</view>
+					<view class="procarelist-info">
+						<view class="procarelist-title">张阿姨</view>
+						<view class="procarelist-brief">女<text class="age orangecolor">58岁</text><text class="experance orangecolor">5年</text>护理经验</view>
+						<view class="clearfix procarelist-service">
+							<view class="procarelist-number">已经用心服务过<text class="orangecolor">20</text>个患者 </view>
+							<view class="procarelist-level">
+								<text class="on"></text>
+								<text></text>
+								<text></text>
+								<text></text>
+								<text></text>
+							</view>
+						</view>
+					</view>
+				</view>	
+				<view class="procarelist-bottom">
+					<view class="procarelist-range">服务范围:</view>
+					<view class="procarelist-rangelist">
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+					</view>
+				</view>
+			</view>
+			<!-- 1条数据结束 -->
+			<!-- 2条数据开始 -->
+			<view class="procarelist-item">
+				<view class="clearfix procarelist-top">
+					<view class="procarelist-img">
+						<image src="../../../../static/resource/icon/icon_face.jpg"></image>
+					</view>
+					<view class="procarelist-info">
+						<view class="procarelist-title">张阿姨</view>
+						<view class="procarelist-brief">女<text class="age orangecolor">58岁</text><text class="experance orangecolor">5年</text>护理经验</view>
+						<view class="clearfix procarelist-service">
+							<view class="procarelist-number">已经用心服务过<text class="orangecolor">20</text>个患者 </view>
+							<view class="procarelist-level">
+								<text class="on"></text>
+								<text></text>
+								<text></text>
+								<text></text>
+								<text></text>
+							</view>
+						</view>
+					</view>
+				</view>	
+				<view class="procarelist-bottom">
+					<view class="procarelist-range">服务范围:</view>
+					<view class="procarelist-rangelist">
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+					</view>
+				</view>
+			</view>
+			<!-- 2条数据结束 -->
+			<!-- 3条数据开始 -->
+			<view class="procarelist-item">
+				<view class="clearfix procarelist-top">
+					<view class="procarelist-img">
+						<image src="../../../../static/resource/icon/icon_face.jpg"></image>
+					</view>
+					<view class="procarelist-info">
+						<view class="procarelist-title">张阿姨</view>
+						<view class="procarelist-brief">女<text class="age orangecolor">58岁</text><text class="experance orangecolor">5年</text>护理经验</view>
+						<view class="clearfix procarelist-service">
+							<view class="procarelist-number">已经用心服务过<text class="orangecolor">20</text>个患者 </view>
+							<view class="procarelist-level">
+								<text class="on"></text>
+								<text></text>
+								<text></text>
+								<text></text>
+								<text></text>
+							</view>
+						</view>
+					</view>
+				</view>	
+				<view class="procarelist-bottom">
+					<view class="procarelist-range">服务范围:</view>
+					<view class="procarelist-rangelist">
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+					</view>
+				</view>
+			</view>
+			<!-- 3条数据结束 -->
+			<!-- 4条数据开始 -->
+			<view class="procarelist-item">
+				<view class="clearfix procarelist-top">
+					<view class="procarelist-img">
+						<image src="../../../../static/resource/icon/icon_face.jpg"></image>
+					</view>
+					<view class="procarelist-info">
+						<view class="procarelist-title">张阿姨</view>
+						<view class="procarelist-brief">女<text class="age orangecolor">58岁</text><text class="experance orangecolor">5年</text>护理经验</view>
+						<view class="clearfix procarelist-service">
+							<view class="procarelist-number">已经用心服务过<text class="orangecolor">20</text>个患者 </view>
+							<view class="procarelist-level">
+								<text class="on"></text>
+								<text></text>
+								<text></text>
+								<text></text>
+								<text></text>
+							</view>
+						</view>
+					</view>
+				</view>	
+				<view class="procarelist-bottom">
+					<view class="procarelist-range">服务范围:</view>
+					<view class="procarelist-rangelist">
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+						<text>生活照顾</text>
+					</view>
+				</view>
+			</view>
+			<!-- 4条数据结束 -->
+		</view>
 		
 	</view>
 </template>
@@ -23,7 +172,160 @@
 	}
 </script>
 <style style="text/css" scoped>
-	.arrow::after{
+	.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
+	
+	.wrap{
+		width: 100%;
+		height: 100vh;
+		background: #e7f5f4;
+		padding: 0 30rpx;
+	}
+	.procarefilter{
+		width: 100%;
+		padding-top: 33rpx;
+		padding-bottom: 33rpx;
+	}
+	.filteritem{
+		float: left;
+		width: 33.33%;
+		font-size: 32rpx;
+		text-align: center;
+		color: #303233;
+	}
+	.arrow{
+		position: relative;
+		width: 16rpx;
+		margin-left: 10rpx;
+	}
+	.arrowicon{
+		position: absolute;
+		left: 0;
+		width: 16rpx;
+		height: 9rpx;
+		background-image: url(../../../../static/resource/icon/icon_gray_arrow.png);
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: 100% auto;
+	}
+	.arrowup{
+		top: 9rpx;
+	}
+	.arrowicon.arrowdown{
+		bottom: 9rpx;
+		transform: rotate(180deg);
+		background-image: url(../../../../static/resource/icon/icon_gray_arrow.png);
+	}
+	.filteritem.active{
+		color: #f88a64;
+	}
+	.filteritem.active .arrowicon.arrowup.on{
+		transform: rotate(-180deg);
+		background-image: url(../../../../static/resource/icon/icon_orange_arrow.png);
+	}
+	.filteritem.active .arrowicon.arrowdown.on{
+		transform: none;
+		background-image: url(../../../../static/resource/icon/icon_orange_arrow.png);
+	}
+	.procarelist{
 		
 	}
+	.procarelist-item{
+		background: #fff;
+		box-shadow: 0 2rpx 20rpx rgba(86,98,109,.16);
+		border-radius: 4rpx;
+		margin-bottom: 30rpx;
+		padding: 24rpx 20rpx 10rpx;
+	}
+	.procarelist-top{
+		
+	}
+	.procarelist-img{
+		float: left;
+		width: 148rpx;
+		height: 148rpx;
+		border: 1px solid #f3f2f2;
+		border-radius: 50%;
+		overflow: hidden;
+	}
+	.procarelist-img image{
+		width: 148rpx;
+		height: 148rpx;
+		border-radius: 50%;
+	}
+	.procarelist-info{
+		float: right;
+		width: 72.3%;
+		padding-top: 15rpx;
+	}
+	.procarelist-title{
+		font-size: 26rpx;
+		color: #303233;
+		margin-bottom: 12rpx;
+	}
+	.procarelist-brief{
+		font-size: 24rpx;
+		color: #303233;
+	}
+	.orangecolor{
+		color: #f88a64;
+	}
+	.procarelist-brief text{
+		margin-left: 46rpx;
+	}
+	.procarelist-service{
+		margin-top: 12rpx;
+	}
+	.procarelist-number{
+		float: left;
+		font-size: 24rpx;
+		color: #303233;
+	}
+	.procarelist-level{
+		float: right;
+		margin-top: 1rpx;
+	}
+	.procarelist-level text{
+		display: inline-block;
+		width: 25rpx;
+		height: 24rpx;
+		background-image: url(../../../../static/resource/icon/star.png);
+		background-repeat: no-repeat;
+		background-position: center center;
+		background-size: 100% auto;
+		margin: 0 2rpx;
+	}
+	.procarelist-level text.on{
+		background-image: url(../../../../static/resource/icon/star_on.png);
+	}
+	.procarelist-bottom{
+		overflow: hidden;
+		padding-top: 26rpx;
+	}
+	.procarelist-range{
+		float: left;
+		font-size: 26rpx;
+		color: #000;
+		margin-top: 6rpx;
+	}
+	.procarelist-rangelist{
+		float: right;
+		width: 72.3%;
+	}
+	.procarelist-rangelist text{
+		width: 37.2%;
+		margin-right: 6.38%;
+		height: 48rpx;
+		line-height: 48rpx;
+		float: left;
+		text-align: center;
+		font-size: 24rpx;
+		margin-bottom: 16rpx;
+		color: #303233;
+		border: 2rpx solid transparent;
+		border-radius: 48rpx;
+		background-clip: padding-box, border-box;
+		background-origin: padding-box, border-box;
+		background-image: linear-gradient(to right, #e7f5f4, #e7f5f4), linear-gradient(90deg, #0ee2ba, #66f7db);
+	}
+	
 </style>
\ No newline at end of file
diff --git a/static/resource/icon/star.png b/static/resource/icon/star.png
new file mode 100644
index 0000000000000000000000000000000000000000..a672247fae2070a2ea64f7b2c049443a15851012
GIT binary patch
literal 2121
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

literal 0
HcmV?d00001

diff --git a/static/resource/icon/star_on.png b/static/resource/icon/star_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..72b7a7b98f7d46c6ff2590ba3dd1575cefe04475
GIT binary patch
literal 2427
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

literal 0
HcmV?d00001