uni-app nvue下的animation,在部分安卓机型执行时duration字段设置无效 [已解决 设备问题]
uni-app nvue下的animation,在部分安卓机型执行时duration字段设置无效 [已解决 设备问题]
操作步骤:
- uniapp官网nvue里api下animation官方示例代码,链接https://uniapp.dcloud.io/nvue-api?id=transition,在部分安卓机型上动画持续时间无法设置,参数duration无效
预期结果:
- nvue下动画animation持续时间参数duration可以正常设置
实际结果:
- nvue下动画animation持续时间参数duration无法正常设置,附件视频里左边的小手机是有bug的,可以明显看到动画瞬间执行
bug描述:
<template>
<view class="box">
<view ref="test" @click="move" class="box-item"></view>
</view>
</template>
<script>
const animation = uni.requireNativePlugin('animation')
export default {
methods: {
move() {
var testEl = this.$refs.test;
animation.transition(testEl, {
styles: {
backgroundColor: '#007AFF',
transform: 'translate(100px, 80px)',
transformOrigin: 'center center'
},
duration: 800, //ms
timingFunction: 'ease',
delay: 0 //ms
},() =>{
uni.showToast({
title: 'finished',
icon:'none'
});
})
}
}
}
</script>
<style scoped>
.box{
width:750rpx;
height:750rpx;
}
.box-item{
width: 250rpx;
height: 250rpx;
background-color: #00aaff;
}
</style>
原因:手机设备在开发者选项设置了“动画程序时长调整”改为了“关闭动画”导致。开启修复问题
附件:
更多关于uni-app nvue下的animation,在部分安卓机型执行时duration字段设置无效 [已解决 设备问题]的实战教程也可以访问 https://www.itying.com/category-93-b0.html
必现吗 还是概率问题
更多关于uni-app nvue下的animation,在部分安卓机型执行时duration字段设置无效 [已解决 设备问题]的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这个手机是我们从一个出现此bug的用户手上买来的,出现bug的机型大部分为华为手机,还有少量的小米vivo用户
这个问题和我们产品的核心功能相关,希望能够尽快得到解决,麻烦了
回复 chennuo: 用你提供的示例。目前测试部分手机没有复现问题。
回复 DCloud_Android_ST: 复现问题的设备信息都提供下 我们排查排查
回复 DCloud_Android_ST:可以看下我提供的附件视频,确实是在部分手机中才会有这个问题,这个是我们收到出现该问题的手机型号反馈,您那边如果有相同型号的手机可以测试下。华为mate10,华为mate30,华为p20,华为p20pro,华为p30,nova4,nova7SE,vivoy9s,redmiK30pro,oppoR11,黑鲨3
回复 chennuo: 你说的部分型号我这都测试了 包括你说的MRD-AL00 华为 畅享9e我这边也测试了 。表现并没有复现问题。我猜测不是必现吧?
回复 DCloud_Android_ST: QQ提供下吧
回复 DCloud_Android_ST: 3235665375,谢谢
解决了吗?同样的问题


