From c6145d36afa7940137405beaaf277ae9befb650a Mon Sep 17 00:00:00 2001
From: kbing1981 <549711992@qq.com>
Date: Thu, 27 Jun 2024 21:26:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/my/cureOderDrtail.vue | 70 ++++++++++++++++++++++++-------------
 1 file changed, 46 insertions(+), 24 deletions(-)

diff --git a/pages/my/cureOderDrtail.vue b/pages/my/cureOderDrtail.vue
index 66976e2..ec7567f 100644
--- a/pages/my/cureOderDrtail.vue
+++ b/pages/my/cureOderDrtail.vue
@@ -38,6 +38,23 @@
 					</view>	
 				</view>
 				<view class="header-bottom-foot">
+					<view class="header-bottom-foot-cont">
+						<view class="header-fubz">保障</view>
+						<view class="header-bottom-foot-view">
+							<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
+							<span>未服务全额退款</span>
+						</view>
+						<view class="header-bottom-foot-view" style="margin: 0px 7px;">
+							<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
+							<span>不满意重做</span>
+						</view>
+						<view class="header-bottom-foot-view">
+							<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
+							<span>最快30分钟上门</span>
+						</view>
+					</view>	
+				</view>
+				<!--<view class="header-bottom-foot">
 					<view class="header-bottom-foot-title">服务保障</view>
 					<view class="header-bottom-foot-cont">
 						<view class="header-bottom-foot-view">
@@ -53,7 +70,7 @@
 							<span>最快30分钟上门</span>
 						</view>
 					</view>	
-				</view>
+				</view>-->
 			</view>
 		</view>
 		<view class="detail-foot">
@@ -170,21 +187,25 @@
 	}
 </script>
 <style scoped>
+	.header-fubz{
+		font-size: 26rpx;
+		color: #029c88;
+		font-weight: bold;
+	}
 	.header-bottom-title-liao{
 		display: inline-block;
-		padding: 0 7px;
+		padding: 3px 7px;
 		height: 16px;
 		line-height: 16px;
 		text-align: center;
 		background: linear-gradient(-90deg, #FF6F48, #FF9E69);
 		border-radius: 7px;
-		margin-left: 5px;
-		font-weight: bold;
-		font-size: 8px;
+		margin-left: 5px;		
+		font-size: 11px;
 		border-top-left-radius: 20px;
 		border-bottom-right-radius: 20px;
 		color: #fff;
-	}
+		}
 	.detail-btn{
 		width:95%;
 		height: 92rpx;
@@ -239,8 +260,7 @@
 		width: 100%;
 		display: flex;
 		flex-direction: row;
-		font-weight: bold;
-		font-size: 22rpx;
+		font-size: 26rpx;
 	}
 	.header-bottom-title-bottom span{
 		font-weight: bold;
@@ -287,15 +307,15 @@
 		display: flex;
 		flex-direction: column;
 		position: relative;
-		margin-bottom: 10px;
+		margin-bottom: 15px;
 	}
 	.detail-foot{
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		padding: 15px 0px;
-	}
+		padding: 5rpx 0rpx;
+		}
 	
 	.tese span:nth-child(1){
 		font-weight: bold;
@@ -346,6 +366,7 @@
 		background-color: #fff;
 		border-radius: 21rpx;
 		padding: 15px;
+		margin-bottom: 10px;
 	}
 	.jianjie{
 		font-weight: 400;
@@ -378,16 +399,16 @@
 		height: 29.86rpx;
 	}
 	.header-bottom-foot-view-img1{
-		width: 22.92rpx;
-		height: 17.36rpx;
+		width: 30rpx;
+		height: 30rpx;
 	}
 	.header-bottom-foot-view-img2{
-		width: 16.67rpx;
-		height: 16.67rpx;
+		width: 23rpx;
+		height: 23rpx;
 	}
 	.header-bottom-foot-view-img3{
-		width: 15.97rpx;
-		height: 18.06rpx;
+		width: 26rpx;
+		height: 26rpx;
 	}
 	.header-bottom-foot-view image{
 		margin-right: 3px;
@@ -397,14 +418,14 @@
 		flex-direction: row;
 		align-items: center;
 		justify-content: center;
-		padding: 0 5px;
+		padding: 1px 8px;
 		height: 22px;
 		line-height: 22px;
-		background-color: rgba(8, 162, 138, 0.1);
-		border-radius: 8px;
+		background-color: rgba(230, 246, 243, 1);
+		border-radius: 15px;
 		font-weight: 400;
-		font-size: 8px;
-		color: #029D88;
+		font-size: 10px;
+		color: #029c88;
 	}
 	.header-bottom-foot-title{
 		width:100%;
@@ -428,9 +449,9 @@
 		display: flex;
 		flex-direction: column;
 		align-items: center;
+		margin-top: 26rpx;
 	}
 	.header-bottom-money-jia{
-		font-weight: bold;
 		font-size: 28rpx;
 		color: #848484;
 		line-height: 37rpx;
@@ -444,7 +465,7 @@
 		font-size: 25rpx;
 	}
 	.header-bottom-money-zhen span:nth-child(2){
-		font-size:36.81rpx;
+		font-size:45.81rpx;
 		font-weight: bold;
 	}
 	.header-bottom-money-zhen span:nth-child(3){
@@ -503,6 +524,7 @@
 		padding: 15px;
 		display: flex;
 		flex-direction: column;
+		margin-bottom: 20rpx;
 	}
 	.header-top image{
 		width: 706.25rpx;