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的数组索引下标