WhiteSpace 上下留白
布局控件。
使用指南
在 page.json 中引入组件
{
"navigationBarTitleText": "WhiteSpace",
"usingComponents": {
"wux-white-space": "../../dist/white-space/index"
}
}
示例
<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>
视频演示
WhiteSpace
API
WhiteSpace props
参数 |
类型 |
描述 |
默认值 |
prefixCls |
string |
自定义类名前缀 |
wux-whitespace |
size |
string |
上下留白的间距,可选值为 small、default、large |
default |
bodyStyle |
string,object |
自定义样式 |
- |
WhiteSpace slot
WhiteSpace externalClasses