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 根节点样式类