下拉菜单

菜单的切换,显示或隐藏下拉菜单的链接,这样的互动功能需要使用Javascript插件dropdown配合。

导航栏


你可以修改导航栏的颜色。你可以使用类名bg-color-*来设置你需要的导航栏颜色。

<div class="nav-bar bg-color-darken">...</div>
<div class="nav-bar bg-color-green">...</div>
<div class="nav-bar bg-color-pink">...</div>

其他颜色导航栏效果可以查看这里

自定义组件

  1. <div class="nav-bar">
  2. <div class="nav-bar-inner">
  3.  
  4. <span class="element">项目名称</span>
  5.  
  6. <span class="divider"></span>
  7.  
  8. <ul class="menu">
  9. <li data-role="dropdown">
  10. <a href="#">菜单名称 1</a>
  11. <ul class="dropdown-menu">
  12. <li><a href="#">子菜单名称</a></li>
  13. ...
  14. <li><a href="#">子菜单名称</a></li>
  15. </ul>
  16. </li>
  17. <li><a /></li>
  18. <li class="divider"></li>
  19. <li><a /></li>
  20. </ul>
  21. </div>
  22. </div>

对于制作下拉菜单,你的页面</head>必须有dropdown.js