test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 19:19:26 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

adjust demos

Browse Source
This commit is contained in:
陈帅 2018-06-28 16:18:53 +08:00
parent 0f2be7308b
commit 78e8ab55b5
1 changed files with 0 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
components/drawer/demo/user-profile.md
View File

@ -48,45 +48,6 @@ const DescriptionItem = ({ title, content }) => {
); );
}; };
class MiniDrawer extends React.Component {
state = { visible: false };
showDrawer = () => {
this.setState({
visible: true,
});
};
onClose = () => {
this.setState({
visible: false,
});
};
render() {
return (
<div>
<a onClick={this.showDrawer}>View Profile</a>
<Drawer
width={640}
placement="right"
closable={false}
onClose={this.onClose}
visible={this.state.visible}
>
<p style={{ ...pStyle, marginBottom: 24 }}>User Profile</p>
<p style={pStyle}>Personal</p>
<Row>
<Col span={12}>
<DescriptionItem title="Full Name" content="Lily" />{' '}
</Col>
<Col span={12}>
<DescriptionItem title="Account" content="AntDesign@example.com" />
</Col>
</Row>
</Drawer>
</div>
);
}
}
class App extends React.Component { class App extends React.Component {
state = { visible: false }; state = { visible: false };
toogerHotjar = () => { toogerHotjar = () => {
@ -147,7 +108,6 @@ class App extends React.Component {
> >
<p style={{ ...pStyle, marginBottom: 24 }}>User Profile</p> <p style={{ ...pStyle, marginBottom: 24 }}>User Profile</p>
<p style={pStyle}>Personal</p> <p style={pStyle}>Personal</p>
<MiniDrawer />
<Row> <Row>
<Col span={12}> <Col span={12}>
<DescriptionItem title="Full Name" content="Lily" />{' '} <DescriptionItem title="Full Name" content="Lily" />{' '}