<view style="width:375rpx ;
height:80rpx;
position: absolute;
top: 0;
left: 0;
transform: rotateY(180deg);
">
<image style="width:375rpx ;height: 80rpx;" src="@/static/1.png"></image>
</view>
1***@qq.com
- 发布：2023-04-03 18:19
- 更新：2023-04-12 10:11
- 阅读：272
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.3.1
HBuilderX类型： 正式
HBuilderX版本号： 3.7.9
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： mate40Pro
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<view style="width:375rpx ;
height:80rpx;
position: absolute;
top: 0;
left: 0;
transform: rotateY(180deg);
">
<image style="width:375rpx ;height: 80rpx;" src="@/static/1.png"></image>
</view>
<view style="width:375rpx ;
height:80rpx;
position: absolute;
top: 0;
left: 0;
transform: rotateY(180deg);
">
<image style="width:375rpx ;height: 80rpx;" src="@/static/1.png"></image>
</view>预期结果：
图片沿Y轴翻转
图片沿Y轴翻转
实际结果：
图片消失 不使用Y轴翻转 图片正常 使用其他rotate样式也正常
图片消失 不使用Y轴翻转 图片正常 使用其他rotate样式也正常
bug描述：
hbuilder 3.7.9 版本 nvue transform: rotateY(180deg) 这个样式失效了 不旋转也不显示图片
7 个回复
1***@qq.com (作者)
新版本bug 关注一下
1***@qq.com (作者)
之前版本没问题 更新3.7.9之后 transform: rotateY(180deg) 无效 且 图片消失
1***@qq.com (作者)
有没有人知道是什么原因
1***@qq.com (作者)
重复尝试下 transform: rotateY(170deg) transform: rotateY(190deg) 都可以 就是 180deg 不显示翻转的元素
1***@qq.com (作者)
再次测试 3.7.3 正式版 样式正常，bug 为 3.7.9 或者 3.7.8 更新的bug
1***@qq.com (作者)
有没有大佬 关注一下
1***@qq.com (作者)
有没有大佬 关注一下