height: 70rpx;
transition-property: height;
transition-duration: 0.3s;
- 发布:2023-01-15 21:53
- 更新:2023-01-15 21:53
- 阅读:419
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows10
HBuilderX类型: 正式
HBuilderX版本号: 3.6.17
手机系统: iOS
手机系统版本号: iOS 16
手机厂商: 苹果
手机机型: 14
页面类型: nvue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
1、设置view初始化高度为70
2、点击按钮,更改高度为200
3、发现transition-property: height
和transition-duration: 0.3s
不生效
之前在vue2+nvue里面是能正常运行的。
1、设置view初始化高度为70
2、点击按钮,更改高度为200
3、发现transition-property: height
和transition-duration: 0.3s
不生效
之前在vue2+nvue里面是能正常运行的。
预期结果:
更改高度的时候需要有动画过度
更改高度的时候需要有动画过度
实际结果:
没有过度,直接改变高度很生硬
没有过度,直接改变高度很生硬
bug描述:
之前项目是vue2+nvue模式,现在升级到vue3后(同时也升级了hbuilderx到最新版),发现css属性 transition-property: height不生效。
0 个回复