uni-app 快手小程序弹出层两个问题

uni-app 快手小程序弹出层两个问题

2 回复

看起来是快手小程序内置组件的问题,到他们的社区反馈一下。

更多关于uni-app 快手小程序弹出层两个问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


针对uni-app快手小程序弹出层问题,以下为常见解决方案:

  1. 遮罩穿透问题
    快手小程序部分机型可能出现遮罩层无法阻止底层滚动,建议在<uni-popup>外层容器添加:

    .popup-wrapper {
      position: fixed;
      width: 100vw;
      height: 100vh;
      pointer-events: none;
    }
    .popup-wrapper > * {
      pointer-events: auto;
    }
    
  2. 层级覆盖异常
    若弹出层被其他组件遮挡,可尝试:

    • 检查z-index是否被其他组件覆盖(建议设置1000以上)
    • 使用<cover-view>替代普通视图容器
    • manifest.json中配置快手小程序样式隔离:
    "mp-kuaishou": {
      "styleIsolation": "apply-shared"
    }
回到顶部