WhiteSpace 上下留白

WhiteSpace 是 Flex 布局的控件之一。

代码演示

基本

上下留白 <WhiteSpace size='md' />
  1. import { WhiteSpace } from 'antd-mobile';const PlaceHolder = (props) => (  <div style={{    backgroundColor: '#ebebef',    color: '#bbb',    textAlign: 'center',    height: '0.6rem',    lineHeight: '0.6rem',    width: '100%',  }} {…props}  >Block</div>);const WhiteSpaceExample = React.createClass({  render() {    return (      <div>        <WhiteSpace size="xs" />        <PlaceHolder />        <WhiteSpace size="sm" />        <PlaceHolder />        <WhiteSpace />        <PlaceHolder />        <WhiteSpace size="lg" />        <PlaceHolder />        <WhiteSpace size="xl" />        <PlaceHolder />      </div>    );  },});ReactDOM.render(<WhiteSpaceExample />, mountNode);
WhiteSpace上下留白 - 图1## API ( 适用平台：WEB、React-Native )#
成员说明类型默认值
size上下留白的间距，可选xs,sm,md,lg,xlstringmd