The wepy2 applet pop-up window mask layer prevents sliding penetration

Problem: After introducing the vant-ui framework, using the dialog pop-up window, the content under the mask layer can also slide.

The solution is to set the pop-up window to prevent the sliding behavior of catchtouchmove. The content that needs to be swiped refers to the scroll-view in the applet. If you need to set the height and set scroll-y="true" for vertical sliding, the method in catchtap needs to set an empty function.

<van-dialog
      use-slot
      custom-class="step"
      show="{
   
   { orderTrace }}"
      bind:confirm="orderTrace = false"
      confirmButtonText="我知道了"
      catchtap="selectCancle" 
      catchtouchmove
    >
       <scroll-view scroll-y="true"  scroll-top="{
   
   {topNum}}" bindscroll="scrollFn" style="max-height: 800rpx">
        <time-line :time-list="orderSteps" :scroll="true"/>
       </scroll-view>
    </van-dialog>

methods: {
 selectCancle() {

 },
}

Mini Program Reference 

Guess you like

Origin blog.csdn.net/z00001993/article/details/107101922