import{_ as e,E as h,c as n,o as d,aR as l,I as s,a as t,w as i}from"./chunks/framework.C7RrxATG.js";const y=JSON.parse('{"title":"Gap 间隔槽","description":"","frontmatter":{},"headers":[],"relativePath":"component/gap.md","filePath":"component/gap.md","lastUpdated":1762249100000}'),p={name:"component/gap.md"},r=l('

Gap 间隔槽 ​

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

基本使用 ​

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

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

自定义背景色 ​

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

自定义高度 ​

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

底部安全区 ​

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

Attributes ​

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

外部样式类 ​

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

源代码 ​

',16);function o(k,g,c,E,u,b){const a=h("ExternalLink");return d(),n("div",null,[r,s(a,{href:"https://github.com/Moonofweisheng/wot-design-uni/tree/master/src/subPages/gap"},{default:i(()=>[t("文档")]),_:1}),t(" • "),s(a,{href:"https://github.com/Moonofweisheng/wot-design-uni/tree/master/src/uni_modules/wot-design-uni/components/wd-gap"},{default:i(()=>[t("组件")]),_:1})])}const F=e(p,[["render",o]]);export{y as __pageData,F as default};