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 |