up-popup 弹窗后 禁止底层的页面继续滚动 touchmove.stop.prevent

1.  up-popup 弹窗后 禁止底层的页面继续滚动 + 移动端border: 1px问题解决方案

     直接在 u-popup 包一个 view 然后 加上一个方法 @touchmove.stop.prevent="prevent"
    然后在方法 prevent 加一个空方法就行了
   代码如下:
          <view class="my" @touchmove.stop.prevent="prevent">
              <u-popup :show="popupShow" ></u-popup>
         </view>
        <script>
             const prevent = () =>{}
        </script>

2.移动端border: 1px问题解决方案

css:   
   .border-1px{
   position:relative;
   &::after{
    content:'';
    display:block;
    position:relative;
    left:0;bottom:0;
    border-top:1px solid #fafafa;
    width:100%;
           }
 }

 

    

posted @ 2024-06-13 09:57  风雪中de冲破  阅读(6)  评论(0编辑  收藏  举报