切换vue版本,观察vue3版本 home.nvue页面的test元素样式
- 发布:2023-11-06 17:46
- 更新:2023-11-07 10:41
- 阅读:210
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows10
HBuilderX类型: 正式
HBuilderX版本号: 3.95
手机系统: Android
手机系统版本号: Android 14
手机厂商: 华为
手机机型: mate30
页面类型: nvue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
home.nvue页面的test元素样式准确
home.nvue页面的test元素样式准确
实际结果:
home.nvue页面的test元素样式不准确
home.nvue页面的test元素样式不准确
秃顶佩奇 (作者)
不是,你把样式设成这样
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