- 发布:2020-07-03 15:31
- 更新:2020-07-03 15:31
- 阅读:1280
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 10.14.6
HBuilderX类型: 正式
HBuilderX版本号: 2.7.14
手机系统: 全部
手机厂商: 华为
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
css代码如下。
.search-bar-change {
height: 0px;
width: 750upx;
background-color: #960070;
transition-property: background-color,height;
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: linear;Z
}
css代码如下。
.search-bar-change {
height: 0px;
width: 750upx;
background-color: #960070;
transition-property: background-color,height;
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: linear;Z
}
操作步骤:
- 定义一个元素设置其transition动画绑定对象为height,监听一个事件改变height,在IOS中正常触发,在安卓中无法触发动画
- 定义一个元素设置其transition动画绑定对象为height,监听一个事件改变height,在IOS中正常触发,在安卓中无法触发动画
预期结果:
- 在安卓中如ios一致,都应触发height属性的transition动画
- 在安卓中如ios一致,都应触发height属性的transition动画
实际结果:
在IOS中正常触发,在安卓中无法触发动画
在IOS中正常触发,在安卓中无法触发动画
bug描述:
-
问题
nvue的css的height属性在安卓上无法进行transition动画过渡,background-color可以。在ios完全正常。查阅weex文档写明支持。
-
现场视频见附件