WhiteSpace 上下留白

布局控件

代码演示

基本

上下留白 <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 = () => (  <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