From 66b10123014c1967d36b51b2d454f5dbf3de8ad8 Mon Sep 17 00:00:00 2001
From: kbing1981 <549711992@qq.com>
Date: Wed, 17 Jul 2024 16:12:44 +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

---
 my/order/payModify.vue  | 77 +++++++++++++++++++++++++++++------------
 pages/my/fuwuDateil.vue | 49 ++++++++++++++++----------
 2 files changed, 85 insertions(+), 41 deletions(-)

diff --git a/my/order/payModify.vue b/my/order/payModify.vue
index 5f1f9c6..e218494 100644
--- a/my/order/payModify.vue
+++ b/my/order/payModify.vue
@@ -38,30 +38,29 @@
 				<view class="ske-padding margin-top-sm header-view">
 					<view v-if="!detailaddress">请选择地址</view>
 					<view class="margin-right-xs">
-						<view class="flex justify-between margin-top-lg">
-							<view class="header-view-text">联系人</view>
-							<view class="header-view-data">
+						<view class="jusitify-line">
+							<view class="line-word">联系人</view>
+							<view class="line-word-r" >
 								<text>{{name}}</text>
 								<text class="xuanzhe" @click="getAddressList()">修改</text>
 							</view>
 						</view>
-						<view class="flex justify-between margin-top-lg">
-							<view class="header-view-text">手机号码</view>
-							<view class="header-view-data">
+						<view class="jusitify-line">
+							<view class="line-word">手机号码</view>
+							<view class="line-word-r">
 								{{mobile}}
 							</view>
 						</view>
-						<view class="flex justify-between margin-top-lg">
-							<view class="header-view-text">详细地址</view>
-							<view class="flex adders-view">
+						<view class="jusitify-line">
+							<view class="line-word">详细地址</view>
+							<view class="line-word-r" style="width: 73%; text-align: right;">
 									<span>
 										{{province}}/{{city}}/{{district}}/{{detailaddress}}
 									</span>
-									<span class="view-more"></span>
 							</view>
 						</view>
-						<view class="flex justify-between margin-top-lg" v-if="order.remark">
-							<view style="width: 170rpx;">备注内容</view>
+						<view class="jusitify-line" v-if="order.remark">
+							<view class="line-word">备注内容</view>
 							<view class="flex">
 								<view class="">
 									{{order.remark}}
@@ -145,8 +144,10 @@
 			</view>
 
 
+			<view class="push-button">
+				<view class="pay_btn" @click="openpay()">去支付</view>
+			</view>
 			
-			<view class="pay_btn" @click="openpay()"><span class="pay-btns">去支付</span></view>
 		
 		</view>
 		<!-- <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton> -->
@@ -1324,6 +1325,24 @@
 </script>
 
 <style lang="scss" scoped>
+	.jusitify-line{
+		height: 78rpx;
+		padding: 20rpx 0;
+		font-size: 30rpx;
+		display: flex;
+		justify-content: space-between;
+	}
+	.jusitify-line-end{
+		height:1px;
+		border-bottom: 1px #e5e5e5 solid;
+		margin: 30rpx 0;
+	}
+	.line-word{
+		color: #999;
+	}
+	.line-word-r{
+		color: #333;
+	}
 	.head-bottom{
 		width: 68%;
 		display: flex;
@@ -1983,16 +2002,28 @@
 
 	}
 
-	.pay_btn {
-	    width: 100%;
-	    height: 50px;
-	    position: fixed;
-	    bottom: 0px;
-	    display: flex;
-	    flex-direction: column;
-	    align-items: center;
-	    z-index: 666;
-	}
+	.push-button{
+		width: 100%;
+		height: 48px;
+		position: fixed;
+		bottom: 0px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		margin: 0 auto;
+		}
+	.pay_btn{
+		display: inline-block;
+		width: 92%;
+		text-align: center;
+		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
+		height: 40px;
+		border-radius: 28px;
+		color: #ffffff;
+		line-height: 40px;
+		margin-top: 4px;
+		font-size: 34rpx;
+		}
 	.pay-btns{
 		display: inline-block;
 	    width: 94%;
diff --git a/pages/my/fuwuDateil.vue b/pages/my/fuwuDateil.vue
index 0625a97..4863beb 100644
--- a/pages/my/fuwuDateil.vue
+++ b/pages/my/fuwuDateil.vue
@@ -129,8 +129,10 @@
 			</view>
 			<view style="height: 100rpx;"></view>
 		</view>
-		<view class="detail-btn" v-if="getList.status=='1'" @click="goumai(getList)">
-			立即预约
+		<view class="push-button">
+			<view class="detail-btn" v-if="getList.status=='1'" @click="goumai(getList)">
+				立即预约
+			</view>
 		</view>
 	</view>
 </template>
@@ -282,19 +284,27 @@
 		color: #fff;
 		position: absolute;
 		}
+		.push-button{
+		width: 100%;
+		height: 48px;
+		position: fixed;
+		bottom: 0px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		margin: 0 auto;
+		}
 	.detail-btn{
-			width:95%;
-			height: 92rpx;
-			line-height: 92rpx;
-			background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
-			border-radius: 46rpx;
-			margin: 0 auto;
-			text-align: center;
-			font-weight: 400;
-			font-size: 32rpx;
-			color: #FFFFFF;
-			position: fixed;
-			bottom: 0;
+		display: inline-block;
+		width: 92%;
+		text-align: center;
+		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
+		height: 40px;
+		border-radius: 28px;
+		color: #ffffff;
+		line-height: 40px;
+		margin-top: 4px;
+		font-size: 34rpx;
 		}
 	.detail-foot-mian-txet span:nth-child(1){
 		color: #777777;
@@ -571,16 +581,19 @@
 		flex-direction: row;
 		align-items: flex-end;
 	}
-	.header-bottom-title-num span{
-		font-weight: bold;
-		font-size: 25rpx;
+	.header-bottom-title-num{
+		display: flex;
+		align-items: flex-end;
 	}
 	.header-bottom-title-num span:nth-child(1){
+		font-size: 30rpx;
 		color: #08A28A;
+		font-weight: bold;
 	}
 	.header-bottom-title-num span:nth-child(2){
 		color: #848485;
-		margin-left: 5px;
+		margin-left:2px;
+		font-size: 26rpx;
 	}
 	.header-bottom-title-text{
 		font-size: 35rpx;