WhiteSpace 上下留白
如何使用
上下留白,设计上通常需要一段特定高度的空白区块
代码演示
基本
上下留白 <WhiteSpace size={8} />import { WhiteSpace, WingBlank, Button } from 'antd-mobile';let WhiteSpaceExample = React.createClass({ render() { return ( <div className="button-container"> <WhiteSpace /> <WingBlank> <Button type="primary">上下留白8px</Button> </WingBlank> <WhiteSpace /> <div style={{ borderTop: '1px solid #2DB7F5' }} /> <WhiteSpace size={16} /> <WingBlank> <Button type="primary">上下留白16px</Button> </WingBlank> <WhiteSpace size={16} /> <div style={{ borderTop: '1px solid #2DB7F5' }} /> <WhiteSpace size={32} /> <WingBlank> <Button type="primary">上下留白32px</Button> </WingBlank> <WhiteSpace size={32} /> <div style={{ borderTop: '1px solid #2DB7F5' }} /> </div> ); },});ReactDOM.render(<WhiteSpaceExample />, mountNode);
## API#| 成员 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| size | 上下留白的间距,单位是像素 | number | 4、8、12、16、20、24、28、32、36、40、44、48 | 8 |