From d2f571d8f60d6b7c6c5036322b55eeeb1944547e Mon Sep 17 00:00:00 2001
From: kbing1981 <549711992@qq.com>
Date: Thu, 4 Jul 2024 22:30:26 +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/serviceOderDrtail.vue | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/pages/my/serviceOderDrtail.vue b/pages/my/serviceOderDrtail.vue
index 8463ed0..f11f260 100644
--- a/pages/my/serviceOderDrtail.vue
+++ b/pages/my/serviceOderDrtail.vue
@@ -64,20 +64,22 @@
 				<view class="detail-foot-list" v-for="(item,index) in detailData" :key="index" @click="detail(item)">
 					<view class="detail-foot-list-top">
 						<span style="margin-right: 5px;">{{item.title}}</span>
-						<span>详情</span>
 					</view>
 					<view class="detail-view" style="position: relative;">
 						<image class="detail-view-img" :src="item.massageImg" mode=""></image>
 						<span v-if="serviData.name!='index'" class="img-span">{{item.status=='1'?'已使用':'未使用'}}</span>
 						<view class="detail-view-mina">
-							<view class="header-bottom-money" style="margin: 7px 0px;">
-								<view class="header-bottom-money-zhen">
-									<span>￥</span>
-									<span>{{item.price}}</span>
-								</view>
-								<view class="header-bottom-money-jia" style="margin-left: 5px; ">
-									￥{{item.oldPrice}}
+							<view class="header-bottom-money" style="margin: 7px 0px;display: flex;justify-content: space-between; ">
+								<view style="display: flex; align-items: flex-end;">
+									<view class="header-bottom-money-zhen">
+										<span>￥</span>
+										<span>{{item.price}}</span>
+									</view>
+									<view class="header-bottom-money-jia" >
+										￥{{item.oldPrice}}
+									</view>
 								</view>
+								<view class="service-more">详情</view>
 							</view>
 							<view style="color: #019c88;">服务时长:{{item.duration}}分钟</view>
 							<view class="tese">
@@ -1103,4 +1105,15 @@
 		flex-direction: column;
 		align-items: center;
 	}
+	.service-more{
+		    width: 50px;
+		    height: 28px;
+		    font-size: 13px;
+		    background: linear-gradient(-90deg, #0CA891, #23BBA2);
+		    border-radius: 15px;
+		    line-height: 28px;
+		    color: #fff;
+		    text-align: center;
+		    justify-content: fex-end;
+	}
 </style>
\ No newline at end of file