Commit 9b55900d authored by ddcat1115's avatar ddcat1115

fix button list rule

parent 52f53560
...@@ -8,9 +8,10 @@ title: Standard ...@@ -8,9 +8,10 @@ title: Standard
````jsx ````jsx
import PageHeader from 'ant-design-pro/lib/PageHeader'; import PageHeader from 'ant-design-pro/lib/PageHeader';
import DescriptionList from 'ant-design-pro/lib/DescriptionList'; import DescriptionList from 'ant-design-pro/lib/DescriptionList';
import { Button, Menu, Icon, Row, Col } from 'antd'; import { Button, Menu, Dropdown, Icon, Row, Col } from 'antd';
const { Description } = DescriptionList; const { Description } = DescriptionList;
const ButtonGroup = Button.Group;
const description = ( const description = (
<DescriptionList col="2"> <DescriptionList col="2">
...@@ -31,8 +32,13 @@ const menu = ( ...@@ -31,8 +32,13 @@ const menu = (
const action = ( const action = (
<div> <div>
<Button>ζ“δ½œ</Button> <ButtonGroup>
<Button>ζ“δ½œ</Button> <Button>ζ“δ½œ</Button>
<Button>ζ“δ½œ</Button>
<Dropdown overlay={menu} placement="bottomRight">
<Button><Icon type="ellipsis" /></Button>
</Dropdown>
</ButtonGroup>
<Button type="primary">δΈ»ζ“δ½œ</Button> <Button type="primary">δΈ»ζ“δ½œ</Button>
</div> </div>
); );
......
...@@ -118,10 +118,14 @@ ...@@ -118,10 +118,14 @@
.pageHeader { .pageHeader {
.action { .action {
:global { :global {
.ant-btn-group, :not(.ant-btn-group) .ant-btn { .ant-btn-group, .ant-btn {
display: block; display: block;
margin-bottom: 8px; margin-bottom: 8px;
} }
.ant-btn-group > .ant-btn {
display: inline-block;
margin-bottom: 0;
}
} }
} }
} }
......
...@@ -10,6 +10,7 @@ import styles from './AdvancedProfile.less'; ...@@ -10,6 +10,7 @@ import styles from './AdvancedProfile.less';
const { Step } = Steps; const { Step } = Steps;
const { Description } = DescriptionList; const { Description } = DescriptionList;
const ButtonGroup = Button.Group;
const getWindowWidth = () => (window.innerWidth || document.documentElement.clientWidth); const getWindowWidth = () => (window.innerWidth || document.documentElement.clientWidth);
...@@ -23,13 +24,13 @@ const menu = ( ...@@ -23,13 +24,13 @@ const menu = (
const action = ( const action = (
<div> <div>
<Button>ζ“δ½œ</Button> <ButtonGroup>
<Button>ζ“δ½œ</Button> <Button>ζ“δ½œ</Button>
<Dropdown overlay={menu}> <Button>ζ“δ½œ</Button>
<Button> <Dropdown overlay={menu} placement="bottomRight">
ζ›΄ε€š <Icon type="down" /> <Button><Icon type="ellipsis" /></Button>
</Button> </Dropdown>
</Dropdown> </ButtonGroup>
<Button type="primary">δΈ»ζ“δ½œ</Button> <Button type="primary">δΈ»ζ“δ½œ</Button>
</div> </div>
); );
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment