修改

my/order/payModify.vue

@@ -5,7 +5,7 @@
 				<view class="head-top">
 					<view class="pay-title">服务项目</view>
 					<view class="flex">
-						<view>
+						<view  class="" style="width: 160upx;height: 160upx;">
 							<image :src="orderXm.massageImg" class="detail-view-img"></image>
 						</view>
 						<view class="u-flex-1  margin-left-sm">
@@ -13,12 +13,13 @@
 								<view class="margin-right-xs u-skeleton-fillet head-title">
 									{{orderXm.title}}
 								</view>
+								<image style="width:100rpx; height:38rpx;" :src="orderXm.level=='3'?'../../static/vip/grade1.gif':orderXm.level=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image>
 							</view>
 							<view class="flex align-center">
 								<view style="width: 100%;">
 									<view class="flex justify-between">
-										<view style="justify-content: space-between; padding-top:6rpx;">
-											<text class="title-font-time">时长：</text><text class="title-font-time">{{orderXm.duration}}分钟</text>
+										<view style="justify-content: space-between;">
+											 <text class="title-font">时长：</text><text class="value-font">{{orderXm.duration}}分钟</text>
 										</view>
 									</view>
 									<view class="money-pay">
@@ -1457,8 +1458,6 @@
 		justify-content: space-between;
 	}
 	.head-top{
-		width: 95%;
-		margin: 0 auto;
 		background-color: #ffffff;
 		border-radius: 24rpx;
 		padding: 29rpx;
@@ -2109,7 +2108,7 @@
 	}
 	.head-title{
 		font-weight: bold;
-		font-size:30rpx;
+		font-size: 32rpx;
 		color: #333333;
 	}
 	.head-title-right{
@@ -2120,8 +2119,8 @@
 		font-weight: bold;
 	}
 	.title-font{
-		font-size:30rpx;
-		color: #333333;
+		font-size: 30rpx;
+		color: #666666;
 	}
 	.value-font{
 		font-size: 30rpx;

my/order/payModifyTcMy.vue

@@ -2282,7 +2282,7 @@
 		margin:20rpx;
 	}
 	.header-padd{
-		padding: 36rpx;
+		padding:30rpx;
 	}
 	.heaer-height{
 		height: 80rpx;