秃顶佩奇
秃顶佩奇
  • 发布:2023-11-06 17:46
  • 更新:2023-11-07 10:41
  • 阅读:219

【报Bug】vue3 nvue页面样式translate设置值为rpx有问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows10

HBuilderX类型: 正式

HBuilderX版本号: 3.95

手机系统: Android

手机系统版本号: Android 14

手机厂商: 华为

手机机型: mate30

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

切换vue版本,观察vue3版本 home.nvue页面的test元素样式

预期结果:

home.nvue页面的test元素样式准确

实际结果:

home.nvue页面的test元素样式不准确

bug描述:

vue3 nvue页面样式translate设置值为rpx会被转换为px。

2023-11-06 17:46 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

margin: 250rpx 0 0 250rpx; 这行注释掉,这行mamrgn-top:250rpx;

  • 秃顶佩奇 (作者)

    不是,你把样式设成这样

    margin: 250rpx 0 0 250rpx;

    transform: translate(-250rpx, -250rpx);

    正常是在原位的,但是vue3版本下不在原位。你切换一下vue2版本就知道了

    2023-11-07 10:47

  • 秃顶佩奇 (作者)

    切换版本后要重新运行项目才有效果

    2023-11-07 10:51

  • 秃顶佩奇 (作者)

    回复 秃顶佩奇: vue3版本的nvue页面设置translate(-250rpx, -250rpx);会被转成translate(-250px, -250px);,vue2正常。

    2023-11-07 10:59

要回复问题请先登录注册