主题
WhiteSpace 上下间距
用于在内容之间插入指定高度的空白区域。
支持平台
以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
vue
<!-- 大尺寸的上下间距 -->
<fui-white-space size="large"></fui-white-space>
<!-- 自定义高度 -->
<fui-white-space :height="40"></fui-white-space>属性
| 属性 | 类型 | 说明 | 官网默认值 |
|---|---|---|---|
| size | String | 预设高度:small 为 8rpx、default 为 16rpx、large 为 24rpx;空值读取全局配置 | default |
| height | Number、String | 自定义高度,单位 rpx;大于 0 时优先于 size | 0 |
| background | String | 背景颜色;空值读取全局配置或使用透明色 | transparent |
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| click | 点击间距区域 | 无 |
平台说明
源码对 nvue 和其他平台的宽度样式做了条件编译;实际背景和尺寸也可能受全局配置影响。
插槽
| 插槽 | 说明 |
|---|---|
| default | 间距区域中的内容 |