w***@hnu.edu.cn
w***@hnu.edu.cn
  • 发布:2020-07-03 15:31
  • 更新:2020-07-03 15:31
  • 阅读:1202

【报Bug】NVUE中css动画在ios和安卓上不一致

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 2.7.14

手机系统: 全部

手机厂商: 华为

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

联想z5pro(安卓9)iPhone11Pro(ios13.3)

示例代码:

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中正常触发,在安卓中无法触发动画

预期结果:
  • 在安卓中如ios一致,都应触发height属性的transition动画

实际结果:

在IOS中正常触发,在安卓中无法触发动画

bug描述:

  • 问题

    nvue的css的height属性在安卓上无法进行transition动画过渡,background-color可以。在ios完全正常。查阅weex文档写明支持。

  • 现场视频见附件

2020-07-03 15:31 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复