shop-wx/doc/wot-design-uni/docs/component/gap.md

1.1 KiB

Gap 间隔槽

一般用于页面布局时代替margin或者padding;或者充当(底部)占位元素。

基本使用

通过 height 属性设置高度 background 属性设置背景色。

<wd-gap bg-color="#FFFFFF"></wd-gap>

自定义背景色

<wd-gap bg-color="#4D80F0"></wd-gap>

自定义高度

<wd-gap bg-color="#4D80F0" height="120rpx"></wd-gap>

底部安全区

<wd-gap safe-area-bottom height="0"></wd-gap>

Attributes

参数 说明 类型 可选值 默认值 最低版本
height 高度 string/number - 15 -
bgColor 背景颜色 string transparent -
safeAreaBottom 开启底部安全区 boolean true/false false -

外部样式类

类名 说明 最低版本
custom-class 自定义样式 -