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

antdv4.x 的样式兼容, 内含复现demo #324

Open
passioncsu opened this issue Sep 8, 2023 · 3 comments
Open

antdv4.x 的样式兼容, 内含复现demo #324

passioncsu opened this issue Sep 8, 2023 · 3 comments
Labels
enhancement New feature or request

Comments

@passioncsu
Copy link

passioncsu commented Sep 8, 2023

反馈问题请先查看文档和务必提供详细的复现代码,遵循如下格式,描述不清楚的问题将会直接关闭。

vue和ui框架

vue3、ui框架antd

问题描述

当前不兼容antd 4.x
antd3.x如下
fieldGroupWrap_box下直接就是form-items
image
但是在antd4.x下
form-items外多包了一层, 因此传入的单个输入框的width会被限制.
image

如何复现

https://codesandbox.io/s/patient-hill-jkwdn4

期望的结果

image

正常情况这两个输入框应该在一行
image

@passioncsu
Copy link
Author

另外这个 layoutColumn最多只支持到3, 加个 4,5,6吧

@lljj-x lljj-x added the enhancement New feature or request label Sep 9, 2023
@passioncsu
Copy link
Author

image
再加个需求哦, 就是最下面这个
ant-form-item css-dev-only-do-not-override-q44oiu ant-form-item-has-success genFormItem validateWidget validateWidget-object

再为空的时候, 能不能不显示,现在会占一块位置....

@lljj-x
Copy link
Owner

lljj-x commented Oct 5, 2023

antdv4 做了一个特殊适配,不影响默认的v3版本 ,可以参考这个,文档还在补充
https://codesandbox.io/s/elegant-satoshi-tzywff?file=/src/App.vue

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

No branches or pull requests

2 participants