小程序遇见的那些坑【前端(uni、原生)】

164 阅读1分钟

项目中遇到的一些问题

不断发现自己的问题
完善、优化
欢迎大佬分享更好的解决方法 揪咪~

image.png

图层问题

1. input、textarea图层穿透

封装的弹层遇到下面有input或textare时会有这种穿透图层现象出现 image.png

尝试的解决方法:

① z-index:999999999999999,不管我+多少个9还是可以点击到下面的input(此方法不管用×\color{red}{此方法不管用 ×}
② page-container:官方组件,本以为此组件可以解决我的问题,页面加载后还能点到input,当时一度以为是自己写的有问题,结果去社区翻阅了一番,大家都是一样的 害(此方法不管用×\color{red}{此方法不管用 ×}
③ cover-view:那能怎么办,最后只能把cover-view请出来了,不仅点不到input,也解决掉了下面图层会滑动的问题(此方法冲就完事了√\color{green}{此方法冲就完事了 √}
④ input与view的元素切换:在我为此问题烦恼,面向百度的时候,有大佬的文章就给出了此方法,弹层显示时将input切换为view显示(此方法欢迎尝试√\color{yellow}{此方法欢迎尝试 √}

编译工具&&真机调试

1.page-container

编译器:完全看不到遮罩(太坑了,怎么写都不出来)
真机:下次编译器不出来,里面真机看!!!

2.wx.makePhoneCall 拨打电话

编译器:打电话时会有个虚拟弹框,每次点击取消或者确认的时候都会刷新页面,就会反复调接口
真机:完全没有这个问题...