WhiteSpace 上下留白

如何使用

上下留白,设计上通常需要一段特定高度的空白区块

代码演示

基本

上下留白 <WhiteSpace size={8} />
  1. 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);
WhiteSpace上下留白 - 图1## API#
成员说明类型可选值默认值
size上下留白的间距,单位是像素number48121620242832364044488