lanyun-breadcrumbs
lanyun-breadcrumbs 面包屑导航
介绍
该组件是一个页面辅助导航器。它可以使用图标作为分隔符。
使用方法
import "../../components/lanyun-breadcrumbs/lanyun-breadcrumbs.stml";
例子
<lanyun-breadcrumbs
@click="handleClick"
:items="items"
gutter="4px"
icon="../components/lanyun-breadcrumbs/asset/icon.png"
icon-size="10px"
:item-style="{ color: '#2563EB' }"
/>
props 属性
参数 |
说明 |
类型 |
默认值 |
items |
链接数据,具体格式见demo, 选填 |
array |
[] |
gutter |
链接间隔,选填 |
string |
4px |
icon |
分隔符图标地址,选填 |
string |
../../components/lanyun-breadcrumbs/asset/icon.png |
icon-size |
分隔符图标大小,选填 |
string |
10px |
item-style |
链接样式,选填 |
object |
{} |
events 事件
事件名 |
说明 |
回调参数 |
click |
当点击未禁用链接时触发 |
index : items 的数组索引下标 |