优化食堂端步骤条间距

canteen/pages/delivery/detail.vue

@@ -1,15 +1,15 @@
 <template>
 	<view v-if="$isRight(order)">
-		<view class="head">
-			<view class="lf-row-between lf-color-gray list">
+		<view class="head lf-plr-32">
+			<view class="lf-row-between lf-color-gray list" style="border-bottom: 1rpx solid #e5e5e5;">
 				<view>采购单 {{order.sheet[0].purchase.p_sn}}</view>
 			</view>
-			<view class="list">
-				<lf-stepbar :list="stepList" themeColor="#11D189"></lf-stepbar>
-			</view>
+		</view>
+		<view class="list">
+			<lf-stepbar :list="stepList" themeColor="#11D189"></lf-stepbar>
 		</view>
 		<self-line></self-line>
-		<view class="head">
+		<view class="head lf-plr-32">
 			<view class="lf-row-between list">
 				<view>申请人</view>
 				<view class="lf-font-bold">{{order.sheet[0].purchase.contact_name}}</view>
@@ -162,8 +162,12 @@
 </script>
 
 <style lang="scss" scoped="scoped">
+	.lf-plr-32{
+		padding-left: 32rpx !important;
+		padding-right: 32rpx !important;
+	}
 	.head{
-		padding: 0 32rpx;
+		// padding: 0 32rpx;
 		width: 750rpx;
 		box-sizing: border-box;
 		height: auto;

canteen/pages/purchase/detail.vue

@@ -12,7 +12,7 @@
 				</view>
 			</view>
 			<self-line></self-line>
-			<view class="lf-p-l-32 lf-p-r-32 lf-border-box lf-bg-white">
+			<view class="lf-bg-white">
 				<lf-stepbar :list="order.state_log" themeColor="#11D189" v-if="order.state_log"></lf-stepbar>
 			</view>
 			<self-line></self-line>