收藏
回答

为什么page-container弹起时挡住后面页面?

使用page-container弹出时挡住了后面的页面内容,关闭遮罩层和设置层级也没解决这个问题。

回答关注问题邀请回答
收藏

3 个回答

  • Demons
    Demons
    2023-10-19

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2023-10-19
    有用
    回复
  • CJ
    CJ
    2023-10-19

    page-container页面容器,可以在当前页面中弹出一个半屏的弹窗、或者在页面内加载一个全屏的子页面。

    当page-container组件显示时,用户进行返回操作时会关闭page-container容器,而不会关闭当前页面。

    每个页面最多只能显示一个page-container,如果在一个页面代码中定义了多个page-container,只有文档流中的第一个page-container能正常显示。

    属性

    show:是否显示page-container组件

    duration:动画时长

    z-index:默认100,显示在其他元素的上层

    overlay:是否显示遮罩层

    position:page-container弹出的位置,top、bottom、right、center,从底部或者顶部弹出时,page-container的形态是一个半屏弹窗,从右侧或者中间显示时,page-container的形态是一个全屏的子页面

    round:是否显示圆角

    close-on-slideDown:是否在下滑一段距离后关闭

    overlay-style:自定义遮罩层的样式

    custom-style:自定义弹出的page-container的样式

    2023-10-19
    有用
    回复 1
    • CJ
      CJ
      2023-10-19
      z-index:默认100,显示在其他元素的上层
      overlay:是否显示遮罩层
      不想显示遮罩层和遮挡,那你代码里,这两个设置下试试
      2023-10-19
      回复
  • Scarlett
    Scarlett
    2023-10-19

    page-container的属性只有show和round。没其他了

    2023-10-19
    有用
    回复
登录 后发表内容