header.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <!-- Logo -->
  2. <a href="javascript:;" class="logo">
  3. <!-- 迷你模式下Logo的大小为50X50 -->
  4. <span class="logo-mini"><b>F</b>AST</span>
  5. <!-- 普通模式下Logo -->
  6. <span class="logo-lg"><b>Fast</b>Admin</span>
  7. </a>
  8. <!-- 顶部通栏样式 -->
  9. <nav class="navbar navbar-static-top">
  10. <!-- 边栏切换按钮-->
  11. <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  12. <span class="sr-only">{:__('Toggle navigation')}</span>
  13. </a>
  14. <div id="nav" class="pull-left">
  15. <!--如果不想在顶部显示角标,则给ul加上disable-top-badge类即可-->
  16. <ul class="nav nav-tabs nav-addtabs disable-top-badge" role="tablist">
  17. </ul>
  18. </div>
  19. <div class="navbar-custom-menu">
  20. <ul class="nav navbar-nav">
  21. <li>
  22. <a href="{:url('index/index/index')}" target="_blank"><i class="fa fa-home" style="font-size:14px;"></i></a>
  23. </li>
  24. <!-- 通栏下拉框样式 -->
  25. <li class="dropdown notifications-menu">
  26. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  27. <i class="fa fa-bell-o"></i>
  28. <span class="label label-warning">2</span>
  29. </a>
  30. <ul class="dropdown-menu">
  31. <li class="header">You have 10 notifications</li>
  32. <li>
  33. <!-- 下拉条目样式 -->
  34. <ul class="menu">
  35. <li>
  36. <a href="#">
  37. <i class="fa fa-users text-aqua"></i> 5 new members joined today
  38. </a>
  39. </li>
  40. <li>
  41. <a href="#">
  42. <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
  43. page and may cause design problems
  44. </a>
  45. </li>
  46. </ul>
  47. </li>
  48. <li class="footer"><a href="#">View all</a></li>
  49. </ul>
  50. </li>
  51. <li>
  52. <a href="#" data-toggle="fullscreen"><i class="fa fa-arrows-alt"></i></a>
  53. </li>
  54. <!-- 账号信息下拉框 -->
  55. <li class="dropdown user user-menu">
  56. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  57. <img src="{$admin.avatar}" class="user-image" alt="User Image">
  58. <span class="hidden-xs">{$admin.nickname}</span>
  59. </a>
  60. <ul class="dropdown-menu">
  61. <!-- User image -->
  62. <li class="user-header">
  63. <img src="{$admin.avatar}" class="img-circle" alt="">
  64. <p>
  65. {$admin.nickname}
  66. <small>{$admin.logintime|date="Y-m-d H:i:s",###}</small>
  67. </p>
  68. </li>
  69. <!-- Menu Body -->
  70. <li class="user-body">
  71. <div class="row">
  72. <div class="col-xs-4 text-center">
  73. <a href="#">Followers</a>
  74. </div>
  75. <div class="col-xs-4 text-center">
  76. <a href="#">Sales</a>
  77. </div>
  78. <div class="col-xs-4 text-center">
  79. <a href="#">Friends</a>
  80. </div>
  81. </div>
  82. </li>
  83. <!-- Menu Footer-->
  84. <li class="user-footer">
  85. <div class="pull-left">
  86. <a href="{:url('general.profile/index')}" class="btn btn-default btn-flat">{:__('Profile')}</a>
  87. </div>
  88. <div class="pull-right">
  89. <a href="{:url('index/logout')}" class="btn btn-default btn-flat">{:__('Logout')}</a>
  90. </div>
  91. </li>
  92. </ul>
  93. </li>
  94. <!-- 控制栏切换按钮 -->
  95. <li>
  96. <a href="javascript:;" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
  97. </li>
  98. </ul>
  99. </div>
  100. </nav>