1.5.1 • Published 1 year ago
@wines/white-space v1.5.1
@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 | 根节点样式类 |