cover-view的rotate在真机中无法倾斜文字
发布于 6 年前 作者 tao60 5147 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)
  • 预期表现
  • 复现路径
  • 提供一个最简复现 Demo

在一个class="scroll"的cover-view下面,放置了多个cover-view节点存放文字,然后设置样式.scroll{
  position: fixed;
  width: 420rpx;
  height: 33.5vh;
  top:39vh;
  left:177rpx;
  overflow: scroll;
  transform: perspective(480px) rotateX(-10deg) rotate(7.5deg);
  z-index: 88;
  text-align: center;
}在模拟器里文字可以倾斜显示,但是真机中,文字是水平显示的,只有在换行的时候才会倾斜,大概是长这样:

 请问要怎么解决

2 回复

当前只支持在 cover-view 节点上应用 rotate 父节点不生效

麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

回到顶部