Skip to content

WingBlank 左右间距 ​

为插槽内容提供左右内边距,并支持设置背景、圆角和上下外边距。

支持平台 ​

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

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

基础用法 ​

vue
<!-- 为内容添加左右间距 -->
<fui-wing-blank size="default">
  <text>页面内容</text>
</fui-wing-blank>

属性 ​

属性类型说明官网默认值
sizeString预设左右间距:small 为 16rpx、default 为 24rpx、large 为 32rpxdefault
gapNumber、String自定义左右间距,单位 rpx;大于 0 时优先于 size0
backgroundString背景颜色;空值读取全局配置或使用透明色空字符串
radiusNumber、String圆角,单位 rpx0
marginTopNumber、String上外边距,单位 rpx0
marginBottomNumber、String下外边距,单位 rpx0

事件 ​

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

未设置 size 时会读取全局配置,最终回退为 default。

插槽 ​

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