在开发工具上做真机调试。
* 手机上正常的效果
* 手机上的有问题的效果
* 开发工具上debugger
template:
< cover-view class = "tabbar_bottom" > < cover-view class = "footer-btn" style="opacity:{{currentDoingQuestionNo > 1 ? 1 : 0.5}};" @tap="handlePrevTap" > < cover-image class = "footer-btnImg" style = "margin-right:20rpx;" src = "../static/img/exercisePage/prev@2x.png" /> < 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-image class = "footer-btnImg" src = "../static/img/exercisePage/next@2x.png" /> </ 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下才有,安卓是好的。
遇到同样的问题了,楼主解决了吗?
cover-view时display:flex,好像没效果 可以试试line-height