vue-devui icon indicating copy to clipboard operation
vue-devui copied to clipboard

Published 20 hours ago • verified publisher icon DevCloudFE

fix(radio/checkbox): 修复 radio/checkbox group 按钮形态属性 direction="column" 时样式异常

Open Zz-ZzzZ opened this issue 2 years ago • 1 comments

修复后如图 1663749596712 1663749617547

Zz-ZzzZ avatar Sep 21 '22 08:09 Zz-ZzzZ

PR preview has been successfully built and deployed to https://vue-devui-pr-1353.surge.sh.

github-actions[bot] avatar Sep 21 '22 09:09 github-actions[bot]

@Cv-Engineer123 这个效果可能不是特别好 image

建议如下：

  1. 每一项宽度应该保持一致
  2. 按钮之间的border-radius应该为零

预期效果大致如下： image

kagol avatar Sep 28 '22 01:09 kagol

好的 我改一下

Zz-ZzzZ avatar Sep 28 '22 05:09 Zz-ZzzZ

@kagol 更改后效果如图 我把checkbox-group的column也一并更改了 1664360470799 1664360492230

Zz-ZzzZ avatar Sep 28 '22 10:09 Zz-ZzzZ

补充checkbox-group全部选中时的效果图

1664361331378(1)

Zz-ZzzZ avatar Sep 28 '22 10:09 Zz-ZzzZ

新增了两个提交

  1. 看了一下历史提交记录，radio-button本身没有定义box-shadow，所以可以去掉box-shadow: none
  2. checkbox-button的box-shadow应该在group模式下才会出现，若使用单个时不需要该属性

Zz-ZzzZ avatar Sep 28 '22 10:09 Zz-ZzzZ

PR preview has been successfully built and deployed to https://vue-devui-pr-1353.surge.sh.

github-actions[bot] avatar Sep 28 '22 11:09 github-actions[bot]

@all-contributors please add @Cv-Engineer123 for code

kagol avatar Oct 05 '22 03:10 kagol

@kagol

We had trouble processing your request. Please try again later.

allcontributors[bot] avatar Oct 05 '22 03:10 allcontributors[bot]