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;