JTBC 组件文档

问题咨询

Nav 导航

基础用法

<nav>
    <a is="jtbc-anchor" href="codename=console:manage.welcome">导航1</a><jtbc-svg name="arrow_right"></jtbc-svg>
    <a is="jtbc-anchor" href="codename=console:manage.welcome">导航2</a><jtbc-svg name="arrow_right"></jtbc-svg>
    <a is="jtbc-anchor" href="codename=console:manage.welcome">导航3</a><jtbc-svg name="arrow_right"></jtbc-svg>
</nav>

<toplink pitchon_default="a.toplink-list-1">
  <jtbc-pitchon pitchon="a.toplink-list-2">
    <a is="jtbc-anchor" class="link toplink-list-1" href="codename=demo/basic/nav:manage.list">导航1</a>
    <a is="jtbc-anchor" class="link toplink-list-2" href="codename=demo/basic/nav:manage.list&published=1&pitchon=a.toplink-list-2">导航2</a>
    <a is="jtbc-anchor" class="link toplink-list-3" href="codename=demo/basic/nav:manage.list&published=0&pitchon=a.toplink-list-3">导航3</a>
  </jtbc-pitchon>
</toplink>
<jtbc-breadcrumb data="[{"text":"导航1", "href":"codename=console:manage.welcome"},{"text":"导航2", "href":"codename=console:manage.welcome"}]"></jtbc-breadcrumb>

前俩个用于后端,如前台应用,需要引入相应个css 文件