Menu 用于游戏社区的侧边导航菜单,支持 hover 和 focus 交互状态。
移动鼠标到菜单项查看 hover 状态,点击菜单项查看 focus 状态。
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| items | 菜单项配置数组 | array | - | [] |
| items[].type | 菜单项类型 | string | 'icon' | 'text' | 'image' | 'image' |
| items[].icon | 图标名称(icon 类型使用) | string | - | '' |
| items[].text | 文本内容(text 类型使用,取首字符显示) | string | - | '' |
| items[].color | 背景颜色(text 类型使用) | string | - | 'var(--gray-4)' |
| items[].src | 图片地址(image 类型使用) | string | - | '' |
| items[].tooltip | 提示文本 | string | - | 'prompt text' |