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