mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-11-30 11:08:45 +08:00
adjust demos
This commit is contained in:
parent
0f2be7308b
commit
78e8ab55b5
@ -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 {
|
||||
state = { visible: false };
|
||||
toogerHotjar = () => {
|
||||
@ -147,7 +108,6 @@ class App extends React.Component {
|
||||
>
|
||||
<p style={{ ...pStyle, marginBottom: 24 }}>User Profile</p>
|
||||
<p style={pStyle}>Personal</p>
|
||||
<MiniDrawer />
|
||||
<Row>
|
||||
<Col span={12}>
|
||||
<DescriptionItem title="Full Name" content="Lily" />{' '}
|
||||
|
Loading…
Reference in New Issue
Block a user