WhiteSpace 上下留白

布局控件。

使用指南

在 page.json 中引入组件

  1. {
  2. "navigationBarTitleText": "WhiteSpace",
  3. "usingComponents": {
  4. "wux-white-space": "../../dist/white-space/index"
  5. }
  6. }

示例

  1. <view class="page">
  2. <view class="page__hd">
  3. <view class="page__title">WhiteSpace</view>
  4. <view class="page__desc">上下留白</view>
  5. </view>
  6. <view class="page__bd">
  7. <wux-white-space size="small" />
  8. <view class="placeholder">Wux</view>
  9. <wux-white-space size="default" />
  10. <view class="placeholder">Wux</view>
  11. <wux-white-space size="large" />
  12. <view class="placeholder">Wux</view>
  13. <wux-white-space body-style="height: 20px" />
  14. <view class="placeholder">Wux</view>
  15. </view>
  16. </view>

视频演示

WhiteSpace

API

WhiteSpace props

参数 类型 描述 默认值
prefixCls string 自定义类名前缀 wux-whitespace
size string 上下留白的间距,可选值为 small、default、large default
bodyStyle string,object 自定义样式 -

WhiteSpace slot

名称 描述
- 自定义内容

WhiteSpace externalClasses

名称 描述
wux-class 根节点样式类