Fighting DesignBreadcrumb 面包屑
这个面包屑不能吃
基本使用
f-breadcrumb 的基本使用
开启
自定义样式
font-color 可以配置面包屑文字颜色
icon-color 可以自定义 icon 颜色
开启
自定义分隔符
separator 属性可以自定义分隔符
开启
自定义 icon
f-breadcrumb-item 组件内可以插入 icon
开启
自定义尺寸
font-size 可以自定义你想要的文字大小
开启
Breadcrumb Attractive
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
separator | 自定义分隔符 | FightingIcon | —— | —— |
font-color | 自定义导航文字颜色 | string | —— | —— |
font-size | 自定义文字大小 | string / number | —— | —— |
icon-color | 自定义 icon 颜色 | string | —— | —— |
Breadcrumb Slots
| 插槽名 | 说明 |
|---|---|
default | 自定义默认内容 |
Breadcrumb-item Attributes
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
to | 跳转的路径 | string / BreadcrumbItemTo | —— | —— |
separator | 自定义分隔符 | FightingIcon | —— | —— |
font-color | 自定义导航文字颜色 | string | —— | —— |
icon-color | 自定义 icon 颜色 | string | —— | —— |
Breadcrumb-item Slots
| 插槽名 | 说明 |
|---|---|
default | 自定义默认内容 |
Interface
组件导出以下类型定义：
ts
import type {
BreadcrumbInstance,
BreadcrumbProps,
BreadcrumbItemInstance,
BreadcrumbItemProps,
BreadcrumbItemTo
} from 'fighting-design'BreadcrumbItemTo
ts
interface BreadcrumbItemTo {
name: string
query?: Object
}