收藏
回答

cover-view的opacity动画兼容

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS ios 11.3 iPhone X 6.6.5

iphoneX不支持cover-view的opacity动画,,我在其他机型,基本表现良好,测试的有华为荣耀9、苹果8,、苹果7s,,目前就发现iPhone X不兼容该动画。导致我顶部一个空白蓝色条,非常的奇怪

<map class="map">
< cover-view class = "real-explaining-box {{top.realtimeExplainTxt? 'active' : ''}}" >
      {{top.realtimeExplainTxt}}
    </ cover-view >
</map>


.real-explaining-box {
   position : fixed ;
   top : 100 rpx;
   width : 100% ;
   height : 48 rpx;
   line-height : 48 rpx;
   font-size : 24 rpx;
   color : #fff ;
   background : rgba( 0 , 122 , 255 , . 43 );
   text-align : center ;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   opacity: 0 ;
   -webkit-transition: all . 8 s ease 0 s;
   transition: all . 8 s ease 0 s;
}
.real-explaining-box.active {
   opacity: 1 ;
   /* background: rgba(0, 122, 255, .43); */
}


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