@wines/white-space NPM

`@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`	点击事件	-