cover-view样式在全面屏手机的显示异常

微信公开课小程序热门讨论关于「cover-view样式在全面屏手机的显示异常」的小程序开发问题
补充:coverview样式在全面屏手机的显示异常，当前Bug的表现（可附上截图）预期表现复现路径提供一个最简复现Demoviewclass=wholebg
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序Bugcoverview客户端673240当前Bug的表现预期表现复现路径提供一个最简复现Demo<viewclass=wholebg<textclass=titletext人脸识别<text<textclass=tiptext请确保是本人操作<text<cameradeviceposition={{switch}}flash=offbinderror=errorstyle=width:250px;height:250px;margintop:80rpx;position:relative;zindex:99;id=myCamera<!<coverimageclass=camerabgsrc=imagecamera_bgpngmode=scaleToFill<coverimage<coverviewhidden={{hiddenModal}}class=popup<coverviewclass=popupcontainer<coverviewclass=tipview<coverviewclass=modaltitletext未能识别人脸<coverview<coverviewclass=tiptextmodal正对手机更容易成功<coverview<coverview<coverviewclass=linerow<coverview<coverviewclass=buttonline<coverviewclass=surebtn<coverviewclass=btntextbindtap=cancel退出<coverview<coverview<coverviewclass=linecloumn<coverview<coverviewclass=cancelbtn<coverviewclass=btntextbindtap=confirm再试一次<coverview<coverview<coverview<coverview<coverview<camera<textclass=titletext将人脸对准扫描处<text<templateis=oneBtnModalTemplatedata={{title,content,sureText,ishiddenOneBtnModal}}<!<viewclass=weuicell_ftswitch<switchcheckedbindchange=switch1Change<switch<view<viewpage{height:100%;}projectlist{display:flex;flexdirection:column;}projectitem{margin:10rpx005rpx;}projectgit{fontsize:28rpx;color:blue;}wholebg{width:100%;height:100%;backgroundcolor:000;display:flex;flexdirection:column;alignitems:center;flex:1;}titletext{margintop:50rpx;fontsize:52rpx;color:fff;fontweight:500;}tiptext{fontsize:36rpx;color:fff;fontweight:200;margintop:20rpx;}camerabg{width:100%;height:100%;zindex:99;*bordercolor:fff;borderwidth:1rpx;borderradius:50%;margintop:150rpx;*}modalview{width:100%;display:flex;flexdirection:column;alignitems:center;justifycontent:center;}modalimage{width:100rpx;height:100rpx;marginbottom:30rpx;}modaltitletext{fontweight:700rpx;color:000;background:fff;fontsize:38rpx;}tiptextmodal{width:100%;textalign:center;fontsize:38rpx;color:555;background:fff;}linerow{background:eee;width:100%;height:2rpx;}linecloumn{background:eee;width:2rpx;height:100%;}contentview{background:fff;display:flex;flexdirection:column;alignitems:center;justifycontent:center;}buttonline{display:flex;height:100rpx;width:100%;background:fff;}surebtn{flex:1;display:flex;justifycontent:center;alignitems:center;background:fff;}cancelbtn{flex:1;display:flex;justifycontent:center;alignitems:center;background:fff;}tipview{paddingbottom:50rpx;paddingtop:50rpx;display:flex;justifycontent:center;alignitems:center;flexdirection:column;height:150rpx;}popup{position:fixed;*top:0;left:0;*width:100%;height:100%;*backgroundcolor:rgba(f,f,f,07);*zindex:999;display:flex;flexdirection:column;alignitems:center;justifycontent:center;}popupcontainer{width:580rpx;height:350rpx;backgroundcolor:fff;borderradius:8rpx;color:fff;fontsize:28rpx;zindex:9999;}btntext{color:000;fontsize:28rpx;}即速小程序：提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml）：代码片段：https:developersweixinqqcomsPJyikTmV7c3T机型：华为荣耀9与oppoa7x：抽出来放这里试试：放在下面弹窗会被摄像头盖住：,提到最外面，使用if试试，这边测试了小米note3，可以显示：如果设置一个固定高度则全面屏的手机可以正常显示但非全面屏的手机则会变得特别长：，之前看你也又设置高度：嗯试了一下，用if的方案可行
更多有关「cover-view样式在全面屏手机的显示异常」的讨论可以前往微信公开课小程序参与互动哦！