Appearance
FixedActionBar
FixedActionBar 是一个固定在底部的容器组件,常用于页面底部的按钮组或操作栏。当页面滚动时,组件会自动计算位置并保持固定在底部。
基础用法
属性
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
padding | 内边距 | string | '8px' |
class | 自定义类名 | string | - |
插槽
插槽名 | 说明 |
---|---|
default | 默认插槽,用于放置操作按钮等内容 |
特性
- 自动固定定位:组件会自动计算父容器宽度和位置,确保固定定位正确
- 智能阴影:当页面滚动到底部时,自动取消阴影效果
- 占位空间:组件会创建一个占位元素,防止固定定位导致的页面跳动
- 响应式宽度:自动跟随父容器宽度变化
注意事项
- 组件会自动继承父容器的宽度
- 当页面滚动到底部时,阴影效果会自动消失
- 组件会监听页面滚动事件,在组件销毁时自动解除监听
- 可以通过 class 属性添加自定义样式