cover-view中text组件ios无法显示android真机测试不支持动画
发布于 5 年前 作者 jing24 1542 次浏览 来自 问答

在模拟器中测试一切正常,代码如下:

<map id="myMap" bindcontroltap="controlsEventHandle" scale="14" markers="{{markers}}" show-location style="width:{{map_width}};height:{{map_height}};" circles="{{circles}}">
   <cover-view animation="{{animationData1}}" class="cv_block cv_block_1">
       <text class="cv_text">测试文字内容</text>
   </cover-view>
</map>
.cv_block{
  position:fixed;
  display:inline;
  font-size:5rpx;
  color: #C8C8C8;
 
}
 
.cv_block_1{
  top:100rpx;
  left:300rpx;
}
this.animation.rotate(45).step();
this.setData({
   animationData1: this.animation.export(),
})

地图是全屏显示的,经测试,

①在模拟器中可以看到文字内容以及旋转45°的动画效果。

②在安卓真机上,只有文字,没有动画旋转的效果,依然水平排放

③在IOS上,既没有文字显示,更不用题动画了…

希望解决一下这个问题,我需要通过这个来实现地图上叠加水印的效果(目前找不到更好的办法,只能通过cover-view实现了)

4 回复

解决了吗

哦,是这样啊,可是模拟器竟然支持其他组件,另外咨询一下,cover-view何时支持动画?

cover-view 中只能使用 cover-* 组件

经进一步测试,发现IOS实际上有旋转,但是cover-view层级比竟然比map低,显示不出来,只有拉动地图出现屏幕空白区域才看到cover-view的内容

回到顶部