uniapp自写弹框黑屏问题

业务需求：在点击‘取消订单’ 按钮之后，显示一个弹框，继续接下来的操作
问题：当点击的是‘全部订单’类型时，弹框显示后背景蒙版黑屏。如图


但是在其他的栏目下点击就没有问题

此处的顶部导航栏只起到了筛选数据的作用，下面的订单是遍历得到的。换言之，‘全部’和‘接单中’两处的数据结构，代码结构，样式都是一样的。

问题：在写这个弹框代码的时候，没有将这个代码段放在根节点的子节点位置上，而是在孙子节点，这个导致了渲染时的问题，出现黑屏现象。

更改代码位置之后可以正常运行了。