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

AvatarCropper 头像裁剪组件IOS真机,选中图片会把工具栏覆盖完全遮挡 #2904

Closed
ltcwan995 opened this issue Jan 31, 2024 · 4 comments
Assignees

Comments

@ltcwan995
Copy link

ltcwan995 commented Jan 31, 2024

NutUI 包名

@nutui/nutui-taro

NutUI 版本号

4.0.4

平台

h5, weapp

重现链接

https://nutui.jd.com/playground/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cbmltcG9ydCB7IHNob3dUb2FzdCB9IGZyb20gJ0BudXR1aS9udXR1aSdcbmltcG9ydCB7IERvbmdkb25nIH0gZnJvbSAnQG51dHVpL2ljb25zLXZ1ZSdcbiAgaW1wb3J0IHsgcmVmIH0gZnJvbSAndnVlJztcbmltcG9ydCBUYXJvIGZyb20gJ0B0YXJvanMvdGFybydcbmNvbnN0IHNob3cgPSAoKSA9PiB7XG4gIHNob3dUb2FzdC50ZXh0KCdIZWxsbywgTnV0VUkhJylcbn07XG4gIGNvbnN0IGltYWdlVXJsID0gcmVmKCcnKTtcbmNvbnN0IGF2YXRhckNyb3BwZXJSZWYgPSByZWYoKTtcbiAgY29uc3QgY29uZmlybSA9ICh1cmw6IHN0cmluZykgPT4ge1xuICBpbWFnZVVybC52YWx1ZSA9IHVybDtcbn07XG48L3NjcmlwdD5cbjx0ZW1wbGF0ZT5cbiAgPG51dC1zcGFjZT5cblx0XHQgIDxudXQtYXZhdGFyLWNyb3BwZXIgcmVmPVwiYXZhdGFyQ3JvcHBlclJlZlwiIHNoYXBlPVwic3F1YXJlXCIgQGNvbmZpcm09XCJjb25maXJtXCI+XG5cdFx0XHQ8bnV0LWF2YXRhciBzaXplPVwibGFyZ2VcIiBzaGFwZT1cInNxdWFyZVwiPlxuXHRcdFx0ICA8aW1nIHN0eWxlPVwid2lkdGg6IDEwMHB4O2hlaWdodDogMTAwcHg7XCIgdi1pZj1cImltYWdlVXJsXCIgOnNyYz1cImltYWdlVXJsXCIgLz5cblx0XHRcdDwvbnV0LWF2YXRhcj5cblx0XHRcdDx0ZW1wbGF0ZSAjdG9vbGJhcj5cblx0XHRcdFx0PGRpdiBjbGFzcz1cImRlbW8tdG9vbGJhclwiPlxuXHRcdFx0XHQgIDxudXQtYnV0dG9uIHR5cGU9XCJwcmltYXJ5XCIgQGNsaWNrPVwiYXZhdGFyQ3JvcHBlclJlZi5jYW5jZWwoKVwiPuWPlua2iDwvbnV0LWJ1dHRvbj5cblx0XHRcdFx0ICA8bnV0LWJ1dHRvbiB0eXBlPVwicHJpbWFyeVwiIEBjbGljaz1cImF2YXRhckNyb3BwZXJSZWYucmVzZXQoKVwiPumHjee9rjwvbnV0LWJ1dHRvbj5cblx0XHRcdFx0ICA8bnV0LWJ1dHRvbiB0eXBlPVwicHJpbWFyeVwiIEBjbGljaz1cImF2YXRhckNyb3BwZXJSZWYucm90YXRlKClcIj7ml4vovaw8L251dC1idXR0b24+XG5cdFx0XHRcdCAgPG51dC1idXR0b24gdHlwZT1cInByaW1hcnlcIiBAY2xpY2s9XCJhdmF0YXJDcm9wcGVyUmVmLmNvbmZpcm0oKVwiPuehruiupDwvbnV0LWJ1dHRvbj5cblx0XHRcdFx0PC9kaXY+XG5cdFx0XHQ8L3RlbXBsYXRlPlxuXHRcdCAgPC9udXQtYXZhdGFyLWNyb3BwZXI+XG5cdCAgPC9udXQtc3BhY2U+XG48L3RlbXBsYXRlPiJ9

重现步骤

AvatarCropper 头像裁剪,真机测试图片会完全覆盖遮挡工具栏

期望的结果是什么?

AvatarCropper 头像裁剪,真机测试图片区域能够正常展示,修改移动图片位置

实际的结果是什么?

AvatarCropper 头像裁剪,真机测试图片区域不能够正常展示,修改移动图片位置无法操作
fafb582ef61e2d4588eab4e9c4a6d3a
8a8cf24ecea33480db6a67a304a76aa

环境信息

No response

其他补充信息

No response

@yi-boide
Copy link
Contributor

请等待nutui版本4.3.0的发布,更新到这个版本就能正常使用了。

@ltcwan995
Copy link
Author

无论是h5还是小程序,都适用iphone手机测试了下,都没有这些问题,能够正常使用。 image

4b122557ed77b0bf165d45e7940fecc8.mp4

大概这样子的情况,按钮被图片遮住无法操作

@yi-boide
Copy link
Contributor

yi-boide commented Jan 31, 2024

这个需要等4.3.0发布,之前版本确实有这个问题#2865
修复代码已经合并到了主分支,你还可以拉取主分支代码,本地打包后,使用打包后的本地包,而不是用npm里面的包。

@ltcwan995
Copy link
Author

这个需要等4.3.0发布,之前版本确实有这个问题#2865

好的,谢谢!

@yi-boide yi-boide reopened this Jan 31, 2024
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