diff --git a/components/OrderQrCode/index.vue b/components/OrderQrCode/index.vue
index 6a3f6a4..a106458 100644
--- a/components/OrderQrCode/index.vue
+++ b/components/OrderQrCode/index.vue
@@ -2,7 +2,7 @@
 	<div>
 		<u-popup :show="show"  :round="10"  mode="bottom" @close="close"   :safeAreaInsetBottom="false" zIndex="10078" :customStyle="popupStyle">
 			<view class="bigBox" :style="{'margin-top':'-20rpx'}" @touchstart="start" @touchmove.stop.prevent="move" @touchend="end" ref="op">
-				<view class="mainBox" id="mainBox">
+				<scroll-view class="scroll-view" :scroll-y="true">
 					<div class="order_flow" >
 						<div class="code">取单码 {{ orderInfo.orderNum }}</div>
 						<!-- <image mode="scaleToFill" :src="qrCode" class="qr_code"></image> -->
@@ -29,7 +29,7 @@
 							<view>5.有问题或对出品任何不满意请联系客服</view>
 						</view>
 					</div>
-				</view>
+				</scroll-view>
 
 			</view> 
 		</u-popup>
@@ -93,9 +93,9 @@ export default {
 		move(e) {
 			this.clientYEnd = e.changedTouches[0].clientY;
 			const val = parseInt((this.clientYStart-this.clientYEnd))
-			// if(val<0){
-			// 	this.popupStyle.transform = `translateY(${-val}px)`
-			// }
+			if(val<0){
+				this.popupStyle.transform = `translateY(${-val}px)`
+			}
 		},
 		end(e) {
 			this.clientYEnd = e.changedTouches[0].clientY;
@@ -142,6 +142,11 @@ export default {
 	padding-bottom: 30rpx;
 }
 
+.scroll-view{
+    height: 94vh; 
+    overflow-y: scroll;
+}
+
 .text {
 	font-size: 20rpx;
 	font-family: PingFangSC-Regular, PingFang SC;