小程序点击穿透问题

2,612 阅读1分钟

we问题分析:

IOS系统小程序用了vant的popup组件,popup组件进行弹出时,button组件产生穿透问题

问题重现:

一共有3层popup

第一层和第二层时兄弟关系,第二层和第三层是父子关系,都有相同位置的button按钮,当点击第三层的button时,直接返回到第一层。

问题解决:

多次尝试后,发现父子关系的不使用绝对定位改为flex布局,不使用vant按钮和原生的button按钮而采用自己封装的按钮,安卓上没有此类问题,只出现在ios系统上。(ios真蛋疼)