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

form dom结构新增了一层inner,导致布局属性失效 #36

Open
1 task done
rex-ll opened this issue Sep 23, 2024 · 4 comments
Open
1 task done

form dom结构新增了一层inner,导致布局属性失效 #36

rex-ll opened this issue Sep 23, 2024 · 4 comments
Labels
bug Something isn't working fix has been fix

Comments

@rex-ll
Copy link

rex-ll commented Sep 23, 2024

可复现的链接(包含复现链接与示例代码):

直接分析css就能看明白

问题描述与截图:

image

同时https://github.com/x-extends/vxe-ui-plugins/blob/main/plugin-render-antd/style.scss 这个样式也需要修改。

期望的结果:

布局正常

操作系统:

win11

浏览器版本:

newest

vue 版本:

3.5.8

vxe-pc-ui 版本:

4.2.0

vxe-table 版本:

4.7.81

是否使用当前最新版本?

  • 我已确认是使用当前的最新版本并已按要求提供复现链接与示例代码。
@rex-ll rex-ll added the bug Something isn't working label Sep 23, 2024
@rex-ll
Copy link
Author

rex-ll commented Sep 23, 2024

image

加的这个0.6em会导致label不垂直居中,且上下gap不可控

@xuliangzhan xuliangzhan added the fix has been fix label Sep 23, 2024
@xuliangzhan
Copy link
Collaborator

建议更新到最新版本试试

@rex-ll
Copy link
Author

rex-ll commented Sep 25, 2024

建议更新到最新版本试试

更新到了4.2.5试了一下,还是没有解决,.vxe-form--item-innerdisplay: flex;会导致text-align: right;失效,所以form item的align: ’right‘配置还是不生效。

@rex-ll
Copy link
Author

rex-ll commented Sep 25, 2024

建议更新到最新版本试试

更新到了4.2.5试了一下,还是没有解决,.vxe-form--item-innerdisplay: flex;会导致text-align: right;失效,所以form item的align: ’right‘配置还是不生效。

是我这儿新旧版本的样式冲突了,用了两个不同版本的vxe-pc-ui

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working fix has been fix
Projects
None yet
Development

No branches or pull requests

2 participants