修改

pages/guidecar/orderDetail.vue

 <style>
 	.orderDetail {
-		background-color: #FAF8F9;
+		background: #f6f6f6;
+		font-family: 'oswald';
+		padding:0 5px;
+		padding-bottom:60px;
+		height:100%;
 	}
 
 	.orderDetail .orderItem {
 		background-color: #fff;
 		margin-bottom: 10px;
 		padding: 0 15px;
+		border-radius: 10px;
 	}
 
 	.orderDetail .orderDay {
@@ -46,14 +51,14 @@
 	.orderDetail .order_GName {
 		width: 100%;
 		height: 50px;
-		border-top: 1px solid #e2e2e2;
+		border-top: 1px solid rgba(0, 0, 0, 0.03);
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 	}
 
 	.orderDetail .order_dList {
-		border-bottom: 1px solid #e2e2e2;
+		border-bottom: 1px solid rgba(0, 0, 0, 0.03);
 		padding: 20px 0;
 	}
 
@@ -128,7 +133,7 @@
 	}
 </style>
 <template>
-	<view class="orderDetail" style="height:100vh;">
+	<view class="orderDetail">
 		<template v-if="dataList">
 			<view class="orderItem">
 				<view class="orderDay">
@@ -156,17 +161,17 @@
 						<image mode="aspectFit" :src="dataList.DetailList[0].CoverImagePath" />
 						</image>
 					</view>
-					<view style="width:55%">
+					<view style="width:52%">
 						<view class="order_big" style="overflow: hidden;
 							white-space: nowrap;
 							text-overflow: ellipsis;
 							font-weight: bold;
 							width: 100%;">
-							{{dataList.DetailList[0].GoodsName}}
+							{{dataList.DetailList[0].CarBrandName}}
 						</view>
 						<view class="order_small" style="margin-top:5px;">
 							{{dataList.DetailList[0].UseDay==0.5?'半':dataList.DetailList[0].UseDay}}天,
-							{{dataList.DetailList[0].CarBrandName}},
+							{{dataList.DetailList[0].CarName}},
 							{{dataList.DetailList[0].GuideCarType}},
 							{{dataList.DetailList[0].RideNum}}座,
 						</view>
@@ -177,7 +182,7 @@
 							{{dataList.CarTypeStr}}
 						</view>
 					</view>
-					<view style="text-align: right;">
+					<view style="text-align: right;width:55px;">
 						<view class="order_big">¥ {{getPrice()}}</view>
 						<view style="color:#727272;font-size:13px;">×{{dataList.DetailList[0].Number}}</view>
 					</view>
@@ -204,7 +209,7 @@
 					<text class="order_big" style="margin-left:20px;">{{dataList.PaymentWayName}}</text>
 				</view>
 			</view>
-			<view class="orderItem" style="padding-bottom:60px;">
+			<view class="orderItem">
 				<view class="order_dList order_Tprice">
 					<text class="order_small">商品总额</text>
 					<text class="order_big">¥ {{dataList.Income}}</text>