蜗牛小弟
蜗牛小弟
  • 发布:2023-01-15 21:53
  • 更新:2023-01-15 21:53
  • 阅读:307

【报Bug】vue3+nvue模式下transition-property不生效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.6.17

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: 14

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
        height: 70rpx;  
        transition-property: height;  
        transition-duration: 0.3s;

操作步骤:

1、设置view初始化高度为70
2、点击按钮,更改高度为200
3、发现transition-property: heighttransition-duration: 0.3s不生效

之前在vue2+nvue里面是能正常运行的。

预期结果:

更改高度的时候需要有动画过度

实际结果:

没有过度,直接改变高度很生硬

bug描述:

之前项目是vue2+nvue模式,现在升级到vue3后(同时也升级了hbuilderx到最新版),发现css属性 transition-property: height不生效。

2023-01-15 21:53 负责人:无 分享
已邀请:

要回复问题请先登录注册