在模拟器上对 cover-view 用 css3的旋转属性 transform:rotate(90deg); 在模拟器上好用,真机不起作用
<live-pusher
id="rtcpusher">
<cover-view class='xz'>
我要旋转
</cover-view>
</live-pusher>
.xz{
position: absolute;
height: 55rpx;
line-height: 55rpx;
padding-left: 20rpx;
padding-right: 20rpx;
margin: auto;
bottom: 0;
left: 0;
right: 0;
color: white;
overflow:hidden;
text-overflow:ellipsis;
font-size:0.8rem;
transform:rotate(90deg);
}