收藏
回答

“cover-view”组件“display:fixed” 在IOS下有问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug cover-view 客户端 iOS 6.6.6 1.9.98

在开发工具上做真机调试。


* 手机上正常的效果



*  手机上的有问题的效果



* 开发工具上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: 100rpx;
 
    border-top: 2rpx solid #f5f5f5;
    background: #fff;
 
}


这个问题只有在IOS下才有,安卓是好的。

最后一次编辑于  2018-05-14  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • 为远
    为远
    2018-05-15

    cover-view时display:flex,好像没效果 可以试试line-height

    2018-05-15
    赞同
    回复
  • 人生有梦,各自精彩。
    人生有梦,各自精彩。
    2018-10-07

    遇到同样的问题了,楼主解决了吗?


    2018-10-07
    赞同
    回复