WhiteSpace 上下留白
布局控件
代码演示
基本
上下留白 <WhiteSpace size='md' />
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);
## API#适用平台:WEB、React-Native
属性 | 说明 | 类型 | 默认值 |
---|
size | 上下留白的间距,可选xs ,sm ,md ,lg ,xl | string | md |