用途:这是一个组件选型与使用规范的参考技能,用于回答“某用例该用哪个导航组件”“相似组件如何取舍”“组件最佳实践”“什么时候不该用某组件”等问题,覆盖 Breadcrumb、Icon Tab Bar、Link、Menu、Pagination、Shellbar、Toolbar、Vertical Navigation。
主要能力:为每个组件提供何时使用、何时避免、最佳实践三类说明。例如 Breadcrumb 适合钻取层级与对象页二级导航,单层、跨应用无关对象页不宜使用,可用 fd-breadcrumb--backslash 或 fd-breadcrumb--double-greater-than 分隔符,长路径用 fd-popover 溢出。Icon Tab Bar 适合同一业务对象多视图或列表过滤,至少两个标签页,层次导航改用树或面包屑。Link 用有意义的文字,交互容器内可用 fd-link--touch-target(行高 1.5rem/24px),内联密集文本勿用。Menu 搭配 popover 做下拉与上下文菜单,单一动作改用 Button。Pagination 适合超过约 30 条数据,少于 9 页可用 fd-pagination--short。Shellbar 是 SAP 产品顶部导航,不适合应用内页面级导航。Toolbar 操作按钮右对齐,表单提交按钮不混用。Vertical Navigation 有 Expanded、Snapped、Popup、Horizontal 四种变体,标题用名词。
使用方式:在组件设计或代码实现时按上述场景比对选型,遵循给出的修饰符与类名(保持原样,如 fd-breadcrumb--backslash、fd-link--touch-target、fd-pagination--short)。
适用场景:SAP Fiori / Fundamental Styles 界面中的导航类组件选型与规范审查。
限制:资料仅涉及导航组件及其准则,未提供安装命令、收费、平台支持或效果数据,这些暂未提供。