microbee-http 丨 软件开发框架
microbee-http 丨 软件开发框架 > 快速开始 > MICROBEE-FRONT > 框架工具组件 > 面包屑

面包屑

参数说明：

参数说明类型可选值
ele_id挂载元素的idString必填
fontsize设置字体大小String默认值14px
fontcolor设置字体颜色String默认值#999
split_line设置分割线String默认值“ / ”
lastcolor最后一项字体颜色String默认值#333
islasturl最后一项是否存在链接:true存在，false不存在boolean默认值false
data数据；
data = [
{name:'页面1',url:'javascript:;',},
{name:'页面2',url:'javascript:;',},
];		Array必填

用法实例：

<div id="breadcrumb"></div>
<div id="breadcrumb1"></div>
// 面包屑breadcrumb
var breadcrumb_data = [
    {
        name:'页面1',
        url:'javascript:;',
    },{
        name:'页面2',
        url:'javascript:;',
    },{
        name:'页面3',
        url:'javascript:;',
    },{
        name:'页面4',
        url:'javascript:;',
    },
];
McrbHttpClient.breadcrumb.init({
    ele_id:'breadcrumb',
    fontsize:'16px',
    fontcolor:'#0069ff',
    split_line:'/',
    lastcolor:'#0069ff',
    islasturl:true,
    data:breadcrumb_data,
});
McrbHttpClient.breadcrumb.init({
    ele_id:'breadcrumb1',
    fontsize:'16px',
    fontcolor:'#0069ff',
    split_line:'-',
    lastcolor:'#999',
    data:breadcrumb_data,
});

效果展示:

本文档来自—microbee-http 丨 软件开发框架平台