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

【报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 负责人:无 分享
已邀请:

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

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容