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

轮播图组件宽高缩放不等比例时显示异常 #3684

Closed
bundlejs opened this issue Sep 6, 2022 · 2 comments
Closed

轮播图组件宽高缩放不等比例时显示异常 #3684

bundlejs opened this issue Sep 6, 2022 · 2 comments
Labels
bug Something isn't working

Comments

@bundlejs
Copy link

bundlejs commented Sep 6, 2022

TuSimple/naive-ui version (版本)

2.33.2

Vue version (Vue 版本)

3.2.38

Browser and its version (浏览器及其版本)

Chrome(105.0.5195.102)

System and its version (系统及其版本)

MacOS(12.5.1)

Node version (Node 版本)

18.8

Reappearance link (重现链接)

https://codesandbox.io/s/happy-alex-mnt9k0?file=/src/Demo.vue

Reappearance steps (重现步骤)

直接查看

Expected results (期望的结果)

正常显示

Actual results (实际的结果)

显示异常

Remarks (补充说明)

这个组件在2.32.0之前是没有这个问题的,在2.32.0及其之后的版本才出现这个问题

@github-actions github-actions bot added the untriaged need to sort label Sep 6, 2022
@priority3
Copy link
Contributor

you can add transform: scaleX(0.5) in class(carousel item),rather than in root Crousel

@bundlejs
Copy link
Author

bundlejs commented Sep 7, 2022

you can add transform: scaleX(0.5) in class(carousel item),rather than in root Crousel

组件的上级有缩放, 组件内部不能调整, 另外不是只有不等比例的时候有问题,只要有缩放显示就是有问题的,貌似初始的偏移量计算就有问题

@07akioni 07akioni added bug Something isn't working and removed untriaged need to sort labels Sep 11, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants