Appearance
bottom-fixing 底部固定容器
bottom-fixing 是一个用于将内容固定在页面底部的容器组件,自动处理安全区域(Safe Area)和占位高度。
基础用法
vue
<template>
<bottom-fixing>
<u-button type="primary">提交</u-button>
</bottom-fixing>
</template>Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| placeholder | 是否在底部生成等高的占位元素,防止内容被遮挡 | Boolean | true |
| showReturn | 是否显示左侧的返回按钮 | Boolean | true |
| bottom | 底部距离 (支持 String 或 Number) | String | Number | 0 |
Slots
| 插槽名 | 说明 |
|---|---|
| default | 固定在底部的主要内容 |
| top | 固定区域上方的内容 |