Breadcrumb 面包屑

反映当前页面在软件层次结构中的位置，显示所有父级页面的链接，向上追溯到主页面为止， 帮助用户轻松浏览软件层次结构。

基本使用

当前位置: 文档中心 - 业务培训

当前位置: 文档中心 - 业务培训

▼显示代码

简要说明

1、反映当前页面在软件层次结构中的位置，显示所有父级页面的链接，向上追溯到主页面为止， 帮助用户轻松浏览软件层次结构。
2、主要用于二级页面，方便跳转到之前的页面
3、总体上是作为主导航的补充

交互细则

1、面包屑每个文本链接都是指向一个页面，每个文本均可点击链接到相关页面（产品未做到），文本最后一项（当前用户位置）是可显示也可不显示的，且不可点击。因为当用户已经处于这个页面时，就没有理由给面包屑导航中的当前页面加上跳转链接。
2、面包屑文字前均有图标
3、使用分隔符：使用大于号“>”来作为链接与链接之间的分隔符
4、面包屑设计占地不能太大，不能用花哨的字体或明亮的颜色，分散用户注意力

新老框架的区别

新框架:<div class="comp" comp="type:'breadcrumb',code:资源code"></div>;
老框架:<script>showCtpLocation(code,{html:拼接的字符串}); </script>;