代码演示

基本形式

<jr-crumb separator="/">
    <jr-crumb-item><jr-icon type="home2" color="#E31436" /></jr-crumb-item>
    <jr-crumb-item>第一级目录</jr-crumb-item>
    <jr-crumb-item>第二级目录</jr-crumb-item>
    <jr-crumb-item>第三级目录</jr-crumb-item>
    <jr-crumb-item href="http://www.kaola.com">第四级目录</jr-crumb-item>
    <jr-crumb-item>第五级目录</jr-crumb-item>
</jr-crumb>

基本形式（简版）

<jr-crumb separator="/">
    <jr-crumb-item><jr-icon type="home2" color="#E31436" /></jr-crumb-item>
    <jr-crumb-item content="第一级目录" />
    <jr-crumb-item content="第二级目录" />
    <jr-crumb-item content="第三级目录" />
    <jr-crumb-item content="第四级目录" href="http://www.kaola.com" />
    <jr-crumb-item content="第五级目录" />
</jr-crumb>

API

Classes

JRCrumb

Constants

Component

JRCrumb 面包屑

Functions

config()

JRCrumb

Kind: global class
Extend: Component

new JRCrumb()

Param Type Description
[options.data] object = 绑定属性
[options.data.class] string => 补充class
[options.data.separator] string => 分隔符，支持模板
[options.data.class] string => jr-crumb-item的属性：补充class
[options.data.href] string => jr-crumb-item的属性：传入的链接

Component

JRCrumb 面包屑

Kind: global constant

Author: zianecui@gmail.com

config()

Kind: global function
Access: protected

← 折叠面板 两级菜单 →