Skip to content

Commit 058f42f

Browse files
committed
修复 FaButtonGroup 组件的按钮边框样式,确保在非最后一个和非第一个按钮时正确应用圆角样式
1 parent d25dbef commit 058f42f

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

src/ui/components/FaButtonGroup/index.vue

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -24,14 +24,14 @@ const props = defineProps<{
2424
<style scoped>
2525
.horizontal-group {
2626
:deep(> button) {
27-
&:first-child {
28-
border-top-right-radius: 0;
29-
border-bottom-right-radius: 0;
27+
&:first-child:not(:last-child) {
28+
border-start-end-radius: 0;
29+
border-end-end-radius: 0;
3030
}
3131
32-
&:last-child {
33-
border-top-left-radius: 0;
34-
border-bottom-left-radius: 0;
32+
&:last-child:not(:first-child) {
33+
border-start-start-radius: 0;
34+
border-end-start-radius: 0;
3535
}
3636
3737
&:not(:first-child, :last-child) {
@@ -42,14 +42,14 @@ const props = defineProps<{
4242
4343
.vertical-group {
4444
:deep(> button) {
45-
&:first-child {
46-
border-bottom-right-radius: 0;
47-
border-bottom-left-radius: 0;
45+
&:first-child:not(:last-child) {
46+
border-end-start-radius: 0;
47+
border-end-end-radius: 0;
4848
}
4949
50-
&:last-child {
51-
border-top-left-radius: 0;
52-
border-top-right-radius: 0;
50+
&:last-child:not(:first-child) {
51+
border-start-start-radius: 0;
52+
border-start-end-radius: 0;
5353
}
5454
5555
&:not(:first-child, :last-child) {

0 commit comments

Comments
 (0)