Open
Description
- I have searched the issues of this repository and believe that this is not a duplicate.
Version
4.2.6
Environment
Windows 11, Chrome 135.0.7049.42, Vue 3.5.13
Reproduction link
Steps to reproduce
只需要同时设置trigger和shape="square"即可触发问题:
<a-float-button-group shape="square" trigger="click">...</a-float-button-group>
完整vue代码:
<template>
<a-float-button-group
shape="square"
trigger="click"
type="primary"
:style="{ right: '24px' }"
>
<template #icon>
<CustomerServiceOutlined />
</template>
<a-float-button />
<a-float-button>
<template #icon>
<CommentOutlined />
</template>
</a-float-button>
</a-float-button-group>
<a-float-button-group
shape="square"
trigger="hover"
type="primary"
:style="{ right: '94px' }"
>
<template #icon>
<CustomerServiceOutlined />
</template>
<a-float-button />
<a-float-button>
<template #icon>
<CommentOutlined />
</template>
</a-float-button>
</a-float-button-group>
</template>
<script lang="ts" setup>
import {
CustomerServiceOutlined,
CommentOutlined,
} from "@ant-design/icons-vue";
</script>
What is expected?
主按钮应该是圆角矩形。
What is actually happening?
主按钮下面两个圆角正常,上面两个变成方角。
Metadata
Metadata
Assignees
Labels
No labels