修改首页订单信息弹框下拉关闭

components/OrderQrCode/index.vue

 <template>
 	<div>
-		<u-popup :show="show"  :round="10"  mode="bottom" @close="close" :safeAreaInsetBottom="false" zIndex="10078" >
-			<view class="bigBox" :style="{'height':'94vh'}">
+		<u-popup :show="show"  :round="10"  mode="bottom" @close="close"   :safeAreaInsetBottom="false" zIndex="10078" >
+			<view class="bigBox" :style="{'height':'94vh'}" @touchstart="start" @touchend="end" ref="op">
 				<div class="order_flow" >
 					<div class="code">取单码 {{ orderInfo.orderNum }}</div>
 					<!-- <image mode="scaleToFill" :src="qrCode" class="qr_code"></image> -->
@@ -40,6 +40,9 @@ export default {
 			orderInfo: {},
 			qrCode: '',
 			show: false,
+			clientYStart:0,
+			clientYEnd:0,
+			bigBox:{}
 		}
 	},
 	computed: {
@@ -75,9 +78,19 @@ export default {
 		}
 	},
 	onLoad() {
-		
+
 	},
 	methods: {
+		start(e) {
+				this.clientYStart = e.changedTouches[0].clientY
+			},
+		end(e) {
+			this.clientYEnd = e.changedTouches[0].clientY;
+			const val = parseInt((this.clientYStart-this.clientYEnd))
+			if(val<-500){
+				this.close()
+			}
+		},
 		close() {
 			this.show = false;
 		},

components/menuAssembly/index.vue

@@ -408,8 +408,8 @@ export default {
 }
 
 .box:last-child{
-	// padding-bottom: 590rpx;
-	height: 100%;
+	padding-bottom: 255rpx;
+	// height: 100%;
 }
 
 .nav-right-item image {