Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

下拉刷新功能动画不流畅的问题 #3198

Open
canon-igx opened this issue Sep 21, 2024 · 1 comment
Open

下拉刷新功能动画不流畅的问题 #3198

canon-igx opened this issue Sep 21, 2024 · 1 comment

Comments

@canon-igx
Copy link

canon-igx commented Sep 21, 2024

NutUI 包名

@nutui/nutui

NutUI 版本号

4.3.13

平台

h5

重现链接

https://nutui.jd.com/playground/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwicGFyZW50cGFnZVwiPlxuICAgIDxudXQtcHVsbC1yZWZyZXNoIHYtbW9kZWw9XCJyZWZyZXNoXCIgQHJlZnJlc2g9XCJyZWZyZXNoRnVuXCIgZHVyYXRpb249JzAuNSc+XG4gICAgICA8ZGl2IHYtZm9yPVwiKGl0ZW0sIGluZGV4KSBpbiAyNFwiIGNsYXNzPVwidGVzdFwiPnt7IGluZGV4IH19PC9kaXY+XG4gICAgPC9udXQtcHVsbC1yZWZyZXNoPlxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+XG5cbjxzY3JpcHQgc2V0dXA+XG5pbXBvcnQgeyByZWYgfSBmcm9tICd2dWUnXG5jb25zdCByZWZyZXNoID0gcmVmKGZhbHNlKVxuY29uc3QgcmVmcmVzaEZ1biA9ICgpID0+IHtcbiAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgcmVmcmVzaC52YWx1ZSA9IGZhbHNlXG4gIH0sIDMwMDApXG59XG48L3NjcmlwdD5cblxuPHN0eWxlPlxuLnRlc3Qge1xuICBwYWRkaW5nOiAxMnB4IDAgMTJweCAyMHB4O1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2VlZTtcbn1cbjwvc3R5bGU+XG4ifQ==

重现步骤

当duration为默认值时,下拉时页面动画会脱离用户交互动作,有一个默认0.3秒的动画,使下拉刷新有卡顿感不流畅

当duration设置为0,下拉动画丝滑,但回弹时无动画效果

<nut-pull-refresh v-model="refresh" @refresh="refreshFun" duration='0'>
</nut-pull-refresh>

duration设置控制着两处动画实现,导致这两处需求与实现冲突

期望的结果是什么?

下拉时无卡顿感,且有回弹动画

实际的结果是什么?

要么下拉时无卡顿,要么回弹有动画,只能二选一

环境信息

No response

其他补充信息

No response

@QingShan-Xu
Copy link

+1, 在web以及小程序预览时没问题, 在手机调试时会出现

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants