“cover-view”组件“display:fixed” 在IOS下有问题
在开发工具上做真机调试。
* 手机上正常的效果
* 手机上的有问题的效果
* 开发工具上debugger
template:
< cover-view class = "tabbar_bottom" > < cover-view class = "footer-btn" style="opacity:{{currentDoingQuestionNo > 1 ? 1 : 0.5}};" [@tap](/user/tap)="handlePrevTap" > < cover-image class = "footer-btnImg" style = "margin-right:20rpx;" src = "../static/img/exercisePage/[email protected]" /> < cover-view >上一题</ cover-view > </ cover-view > < cover-view class = "footer-btn" style = "opacity:{{currentDoingQuestionNo < questionIds.length ? 1 : 0.5}};" @ tap = "handleNextTap" > < cover-view style = "margin-right:20rpx;" >下一题</ cover-view > </ cover-view > </ cover-view > |
CSS:
.tabbar_bottom { position : fixed ; left : 0 ; bottom : 0 ; z-index : 100000 ; display : flex; justify- content : space-between; box-sizing: border-box; width : 100% ; height : 100 rpx; border-top : 2 rpx solid #f5f5f5 ; background : #fff ; } |
这个问题只有在IOS下才有,安卓是好的。