React 组件
UGDock 底部操作坞
为移动端主要目的地提供带安全区、尺寸和当前页语义的底部导航。
导入方式
按需从包入口导入组件,并在应用入口引入一次样式文件。
tsx
import { UGDock, UGDockItem, UGDockLabel } from '@ug666/ui-react'移动端主导航
真实应用使用 fixed;文档中使用 contained 避免覆盖页面内容。
尺寸
尺寸改变组件高度,底部安全区仍由组件统一处理。
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| placement | fixed | contained | fixed | 固定到视口底部,或嵌入局部容器。 |
| size | xs | sm | default | lg | xl | default | 控制操作坞高度和标签节奏。 |
| UGDockItem.active | boolean | false | 标记唯一当前页,并输出 aria-current。 |