问题是这样的,自己封装了个登录界面的弹出层,结果发现在微信小程序安卓端没问题,但在iOS端却出现了遮挡问题,尽管我已经把z-index值设很大了依然没法解决问题!
一开始的解决方法是能在新页面打开的都改成在新页面打开,但是这样要频繁切换界面给人体验很不好!
进一步改进,当显示弹出层的时候隐藏遮挡层,这种体验效果好很多了,而且实现也比较简单就在view元素上加个Boolean变量用v-if来判断显示,但是这样会给人一种视觉体验不是很好的效果,而且还要写一些多余的逻辑代码。
最后直接挑战终极解决办法!经过反复研究和调试发现,终于发现在层叠显示中必须在同层级的节点之前(即父节点上)使用z-index并且还要加上position才有效!其中position可以根据实际情况设值。
另外,发现iOS端的很多兼容问题在模拟器是不会出现的,所以只能在真机上慢慢调试排查!
展开阅读全文
上一篇: 关于微信小程序由于图片宽度太大或文字太长造成溢出屏幕的问题
下一篇:微信开放能力之获取小程序码