React 组件

UGDock 底部操作坞

为移动端主要目的地提供带安全区、尺寸和当前页语义的底部导航。

导入方式

按需从包入口导入组件,并在应用入口引入一次样式文件。

tsx
import { UGDock, UGDockItem, UGDockLabel } from '@ug666/ui-react'

移动端主导航

真实应用使用 fixed;文档中使用 contained 避免覆盖页面内容。

尺寸

尺寸改变组件高度,底部安全区仍由组件统一处理。

属性

属性类型默认值说明
placementfixed | containedfixed固定到视口底部,或嵌入局部容器。
sizexs | sm | default | lg | xldefault控制操作坞高度和标签节奏。
UGDockItem.activebooleanfalse标记唯一当前页,并输出 aria-current。