Skip to content

FixedActionBar

FixedActionBar 是一个固定在底部的容器组件,常用于页面底部的按钮组或操作栏。当页面滚动时,组件会自动计算位置并保持固定在底部。

基础用法

属性

属性说明类型默认值
padding内边距string'8px'
class自定义类名string-

插槽

插槽名说明
default默认插槽,用于放置操作按钮等内容

特性

  1. 自动固定定位:组件会自动计算父容器宽度和位置,确保固定定位正确
  2. 智能阴影:当页面滚动到底部时,自动取消阴影效果
  3. 占位空间:组件会创建一个占位元素,防止固定定位导致的页面跳动
  4. 响应式宽度:自动跟随父容器宽度变化

注意事项

  1. 组件会自动继承父容器的宽度
  2. 当页面滚动到底部时,阴影效果会自动消失
  3. 组件会监听页面滚动事件,在组件销毁时自动解除监听
  4. 可以通过 class 属性添加自定义样式

Released under the MIT License.