Skip to content

bottom-fixing 底部固定容器

bottom-fixing 是一个用于将内容固定在页面底部的容器组件,自动处理安全区域(Safe Area)和占位高度。

基础用法

vue
<template>
  <bottom-fixing>
    <u-button type="primary">提交</u-button>
  </bottom-fixing>
</template>

Props

参数说明类型默认值
placeholder是否在底部生成等高的占位元素,防止内容被遮挡Booleantrue
showReturn是否显示左侧的返回按钮Booleantrue
bottom底部距离 (支持 String 或 Number)String | Number0

Slots

插槽名说明
default固定在底部的主要内容
top固定区域上方的内容