暂无订单页面

src/components/order/index.vue

@@ -73,7 +73,8 @@
 						auditDatetime: '2021.04.19  12:45:09', // 审核时间
 						submissionTime: '2021.04.19  16:24:48', // 提交时间
 						auditResults: {}, // 审核结果
-						orderBusinessType: 'R', // 业务类型 R 为抢单 
+						orderBusinessType: 'R', // 业务类型 R 为抢单 
+						orderId: '0', // 订单id
 					}
 				}
 			},

src/components/order/noOrder.vue

 <template>
-	<view class="no-order-view">
+	<view class="no-order-view" :style="customStyle">
 		<image class="no-order-image" :src="wudingdanImage"></image>
 		<text>当前暂无订单</text>
 	</view>
 </template>
 
 <script>
-	export default {
+	export default {
+		props: {
+			customStyle: {
+				type: String,
+				default: 'background-color: #FFFFFF'
+			}
+		},
 		computed: {
 			wudingdanImage() {
 				return process.uniEnv.qn_base_url + 'wudingdan.png'

src/pages/order/index.vue

@@ -18,7 +18,7 @@
 				bar-width="44" :offset="[0,0]" :list="list" count="total" :current="current" @change="change"
 				:is-scroll="false" font-size="28" bold></u-tabs>
 		</view>
-		<NoOrder v-if="noMore" style="margin-top: 100rpx;" />
+		<NoOrder v-if="noMore" customStyle="margin-top: 100rpx;background-color: #F4F5F7" />
 		<view v-else class="tab-view">
 
 			<!-- <swiper-item class="swiper-item" v-for="(res, ind) in orderList" :key="ind"> -->