主题
WingBlank 左右间距
为插槽内容提供左右内边距,并支持设置背景、圆角和上下外边距。
支持平台
以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
vue
<!-- 为内容添加左右间距 -->
<fui-wing-blank size="default">
<text>页面内容</text>
</fui-wing-blank>属性
| 属性 | 类型 | 说明 | 官网默认值 |
|---|---|---|---|
| size | String | 预设左右间距:small 为 16rpx、default 为 24rpx、large 为 32rpx | default |
| gap | Number、String | 自定义左右间距,单位 rpx;大于 0 时优先于 size | 0 |
| background | String | 背景颜色;空值读取全局配置或使用透明色 | 空字符串 |
| radius | Number、String | 圆角,单位 rpx | 0 |
| marginTop | Number、String | 上外边距,单位 rpx | 0 |
| marginBottom | Number、String | 下外边距,单位 rpx | 0 |
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| click | 点击间距区域 | 无 |
未设置 size 时会读取全局配置,最终回退为 default。
插槽
| 插槽 | 说明 |
|---|---|
| default | 间距区域中的内容 |