Skip to content

悬浮按钮组开启菜单模式后、同时设置shape="square"方形,展开按钮样式错误 #8117

Closed
@Extra2001

Description

@Extra2001
  • 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

Edit on CodeSandbox

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?

主按钮下面两个圆角正常,上面两个变成方角。

Activity

github-actions

github-actions commented on Jun 6, 2025

@github-actions

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Participants

      @Extra2001

      Issue actions

        悬浮按钮组开启菜单模式后、同时设置shape="square"方形,展开按钮样式错误 · Issue #8117 · vueComponent/ant-design-vue