Skip to content

a-input-group组件下button组件填加size导致样式失效 #6859

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

Closed
1 task
T-Inphic opened this issue Aug 17, 2023 · 13 comments · Fixed by #6866
Closed
1 task

a-input-group组件下button组件填加size导致样式失效 #6859

T-Inphic opened this issue Aug 17, 2023 · 13 comments · Fixed by #6866
Labels

Comments

@T-Inphic
Copy link

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.0.0-rc.6

Environment

anu-design: 4.0.0, chrome:115.0.5790.170,vue3

Reproduction link

Edit on CodeSandbox

Steps to reproduce

直接打开官网示例链接(input 输入框 - 输入框组合),在组件a-button上填加size="large"复现

What is expected?

样式正常

What is actually happening?

样式没添加上

@kovsu
Copy link
Member

kovsu commented Aug 17, 2023

image

没有发现你说的问题

@T-Inphic
Copy link
Author

你看下button左侧的圆角是不是应该变成直角

@kovsu
Copy link
Member

kovsu commented Aug 21, 2023

emm,怎么说呢,就算它左侧是直角。它也不和左侧高度一样啊

@T-Inphic
Copy link
Author

image

没有发现你说的问题

image 默认情况是按钮左侧是直角

@T-Inphic
Copy link
Author

emm,怎么说呢,就算它左侧是直角。它也不和左侧高度一样啊

你可以吧input也设置成size为large

@T-Inphic
Copy link
Author

image

没有发现你说的问题

image 默认情况是按钮左侧是直角

image

@kovsu
Copy link
Member

kovsu commented Aug 21, 2023

  <a-input-group compact size="large">
    <a-input v-model:value="value19" style="width: calc(100% - 200px)" />
    <a-button type="primary">Submit</a-button>
  </a-input-group>

正常使用应该是给 a-input-group 添加 size 属性

@kovsu
Copy link
Member

kovsu commented Aug 21, 2023

但是给这里添加之后确实有点问题要修

@kovsu
Copy link
Member

kovsu commented Aug 21, 2023

@T-Inphic
Copy link
Author

  <a-input-group compact size="large">
    <a-input v-model:value="value19" style="width: calc(100% - 200px)" />
    <a-button type="primary">Submit</a-button>
  </a-input-group>

正常使用应该是给 a-input-group 添加 size 属性

对啊,但是这样现实也不正常
image

@kovsu
Copy link
Member

kovsu commented Aug 21, 2023

这个我去修一下。我觉得你都用 a-input-group 就应该去单独操作这个 a-input-group,而不是去操作里面的。要是这样你还不如自己写一个组件调调样式。

@T-Inphic
Copy link
Author

这个我去修一下。我觉得你都用 a-input-group 就应该去单独操作这个 a-input-group,而不是去操作里面的。要是这样你还不如自己写一个组件调调样式。

好的,之前就是在外面写的,发现有问题,换成里面了

Copy link

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Aug 22, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants