面包屑 KLCrumb

基本形式

面包屑由kl-crumb和kl-crumb-item组合构成, 可以通过配置属性自定义面包屑的一些样式, 例如每个kl-crumb-item内部可以自己定义内容

<kl-crumb separator="/">
    <kl-crumb-item href="/"><kl-icon type="home" color="#00C4C0" /></kl-crumb-item>
    <kl-crumb-item href="/components/index.html" content="促销中心" />
    <kl-crumb-item href="/components/index.html" content="优惠券管理" />
    <kl-crumb-item content="优惠券配置" />
</kl-crumb>

自定义模板

<kl-crumb separator="/">
    <kl-crumb-item><a href="/"><kl-icon type="home" color="#00C4C0" /></a></kl-crumb-item>
    <kl-crumb-item><a href="/components/index.html">促销中心</a></kl-crumb-item>
    <kl-crumb-item><a href="/components/index.html">优惠券管理</a></kl-crumb-item>
    <kl-crumb-item>优惠券配置</kl-crumb-item>
</kl-crumb>

API

KLCrumb

Param	Type	Description
[options.data]	`object`	= 绑定属性
[options.data.class]	`string`	=> 补充class
[options.data.separator]	`string`	=> 分隔符，支持模板

KLCrumbItem

Param	Type	Description
[options.data]	`object`	= 绑定属性
[options.data.content]	`string`	=> 内容模板
[options.data.class]	`string`	=> 补充class
[options.data.href]	`string`	=> 传入的链接