From 635ffacd2dbbbea687ecf8a24cb3bfeac4bb143e Mon Sep 17 00:00:00 2001
From: kbing1981 <549711992@qq.com>
Date: Thu, 29 Aug 2024 15:28:56 +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/my/miaoShaOderDrtail.vue | 84 +++++++++++++++++++++-------------
 1 file changed, 52 insertions(+), 32 deletions(-)

diff --git a/pages/my/miaoShaOderDrtail.vue b/pages/my/miaoShaOderDrtail.vue
index be7c5bc..63a980d 100644
--- a/pages/my/miaoShaOderDrtail.vue
+++ b/pages/my/miaoShaOderDrtail.vue
@@ -30,27 +30,32 @@
 					</view>
 				</view>
 				<view class="header-bottom-mian">
-					<view class="header-bottom-mian-title">
+					<!-- <view class="header-bottom-mian-title">
 						<image src="../../static/servicePackage/jianjie.png" mode=""></image>
 						<span>套餐简介</span>
-					</view>
+					</view> -->
 					<view class="jianjie">
 						{{mainData.content}}
 					</view>
 				</view>
 				<view class="header-bottom-foot">
-					<view><image class="header-bottom-foot-title" src="../../static/dituzhaoren1.png" ></image></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>平台担保</span>
+					<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;width: 26%;">
+							<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>
@@ -569,34 +574,38 @@
 		width: 30.56rpx;
 		height: 29.86rpx;
 	}
-	.header-bottom-foot-view-img1{
+	.header-bottom-foot-view-img1 {
 		width: 30rpx;
 		height: 30rpx;
 	}
-	.header-bottom-foot-view-img2{
-		width: 28rpx;
-		height: 28rpx;
+	
+	.header-bottom-foot-view-img2 {
+		width: 23rpx;
+		height: 23rpx;
 	}
-	.header-bottom-foot-view-img3{
-		width: 30rpx;
-		height: 30rpx;
+	
+	.header-bottom-foot-view-img3 {
+		width: 26rpx;
+		height: 26rpx;
 	}
-	.header-bottom-foot-view image{
-		margin-right: 3px;
+	
+	.header-bottom-foot-view image {
+		margin-right: 1px;
 	}
-	.header-bottom-foot-view{
+	
+	.header-bottom-foot-view {
+		width: 33%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: center;
-		width: 80px;
 		height: 22px;
 		line-height: 22px;
-		background-color: rgba(8, 162, 138, 0.1);
-		border-radius: 8px;
+		border-radius: 15px;
 		font-weight: 400;
 		font-size: 11px;
-		color: #029D88;
+		color: #029c88;
+		word-break: keep-all;
 	}
 	.header-bottom-foot-title{
 		width: 65px;
@@ -604,12 +613,14 @@
 		margin-right: 8rpx;
 		margin-top: 4rpx;
 	}
-	.header-bottom-foot{
+	.header-bottom-foot {
 		width: 100%;
 		display: flex;
-		flex-direction: row;
+		flex-direction: column;
 		align-items: center;
-		margin-top: 8rpx;
+		margin-top: 20rpx;
+		border-top: 1px solid #f7f7f7;
+		padding: 20rpx 0rpx 0rpx 0rpx;
 	}
 	.header-bottom-money-jia{
 		font-size: 28rpx;
@@ -636,7 +647,9 @@
 		flex-direction: row;
 		align-items: baseline;
 	}
-
+	.header-bottom-foot-view{
+		color:
+	}
 	.header-bottom-money-view{
 		width: 100%;
 		display: flex;
@@ -712,4 +725,11 @@
 		    justify-content: fex-end;
 			background: #eefffa;
 	}
+	.header-bottom-foot-cont{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
 </style>