Skip to content

WhiteSpace 上下间距 ​

用于在内容之间插入指定高度的空白区域。

支持平台 ​

以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。

App-vueApp-nvue微信小程序支付宝小程序百度小程序字节小程序QQ小程序H5PC快手小程序钉钉小程序
✓✓✓✓✓✓✓✓✓✓✓

基础用法 ​

vue
<!-- 大尺寸的上下间距 -->
<fui-white-space size="large"></fui-white-space>

<!-- 自定义高度 -->
<fui-white-space :height="40"></fui-white-space>

属性 ​

属性类型说明官网默认值
sizeString预设高度:small 为 8rpx、default 为 16rpx、large 为 24rpx;空值读取全局配置default
heightNumber、String自定义高度,单位 rpx;大于 0 时优先于 size0
backgroundString背景颜色;空值读取全局配置或使用透明色transparent

事件 ​

事件说明回调参数
click点击间距区域无

平台说明 ​

源码对 nvue 和其他平台的宽度样式做了条件编译;实际背景和尺寸也可能受全局配置影响。

插槽 ​

插槽说明
default间距区域中的内容