You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
< docs >
-- -
order : 5
iframe : 360
title :
zh - CN : 浮动按钮组
en - US : FloatButton Group
-- -
# # zh - CN
按钮组合使用时 ， 推荐使用 ` <FloatButton.Group /> ` ， 并通过设置 ` shape ` 属性改变悬浮按钮组的形状 。 悬浮按钮组的 ` shape ` 会覆盖内部 FloatButton 的 ` shape ` 属性 。
# # en - US
When multiple buttons are used together , ` <FloatButton.Group /> ` is recommended . By setting ` shape ` of FloatButton . Group , you can change the shape of group . ` shape ` of FloatButton . Group will override ` shape ` of FloatButton inside .
< / docs >
< template >
< a -float -button -group shape = "circle" : style = "{ right: '24px' }" >
< a -float -button >
< template # icon >
< QuestionCircleOutlined / >
< / template >
< / a - f l o a t - b u t t o n >
< a -float -button / >
< a -back -top :visibility-height ="0" / >
< / a - f l o a t - b u t t o n - g r o u p >
< a -float -button -group shape = "square" : style = "{ right: '94px' }" >
< a -float -button >
< template # icon >
< QuestionCircleOutlined / >
< / template >
< / a - f l o a t - b u t t o n >
< a -float -button / >
< a -float -button >
< template # icon >
< SyncOutlined / >
< / template >
< / a - f l o a t - b u t t o n >
< a -back -top :visibility-height ="0" / >
< / a - f l o a t - b u t t o n - g r o u p >
< / template >
< script lang = "ts" setup >
import { QuestionCircleOutlined , SyncOutlined } from '@ant-design/icons-vue' ;
< / script >
