首页 > 其他分享 >uniapp 随笔 各位同学如果uniapp有问题,请留言,我有时间,我会去做一下,将解答的操作会记录下来,也是让自己知道更多的uniapp注意点

uniapp 随笔 各位同学如果uniapp有问题,请留言,我有时间,我会去做一下,将解答的操作会记录下来,也是让自己知道更多的uniapp注意点

时间:2024-06-13 10:00:02浏览次数:11  
标签:uniapp popup prevent 记录下来 relative 1px 随笔 border

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

     直接在 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%;
           }
 }

 

    

标签:uniapp,popup,prevent,记录下来,relative,1px,随笔,border
From: https://www.cnblogs.com/dreammiao/p/18245264

相关文章