@wines/white-space

WhiteSpace 上下留白

布局控件

使用指南

在 page.json 中引入组件

{
  "navigationBarTitleText": "wux-white-space",
  "usingComponents": {
    "wux-white-space": "@wines/white-space"
  }
}

示例

<view class="page">
  <view class="page__hd">
    <view class="page__title">WhiteSpace</view>
    <view class="page__desc">上下留白</view>
  </view>
  <view class="page__bd">
    <wux-white-space size="small" />
    <view class="placeholder">Wux</view>
    <wux-white-space size="default" />
    <view class="placeholder">Wux</view>
    <wux-white-space size="large" />
    <view class="placeholder">Wux</view>
    <wux-white-space body-style="height: 20px" />
    <view class="placeholder">Wux</view>
  </view>
</view>

API

WhiteSpace props

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

WhiteSpace externalClasses

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