nav.html 4.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <div id="load_style" style="display:none;">
  2. </div>
  3. <style>
  4. @media screen and (max-width: 1024px) {
  5. .nav{
  6. display: none;
  7. }
  8. }
  9. </style>
  10. <div id="dever-name" style="display:none;"></div>
  11. <div class="layui-header" id="nav">
  12. <!-- 头部区域 -->
  13. <ul class="layui-nav layui-layout-left" id="top">
  14. <li class="layui-nav-item layadmin-flexible" lay-unselect>
  15. <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
  16. <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
  17. </a>
  18. </li>
  19. <li class="layui-nav-item" lay-unselect style="display:none;">
  20. <a href="javascript:;" layadmin-event="back" title="上一页">
  21. <i class="layui-icon layui-icon-return"></i>
  22. </a>
  23. </li>
  24. <li class="layui-nav-item layui-hide-xs" id="front-url" lay-unselect style="display:none;">
  25. <a href="http://www.layui.com/admin/" target="_blank" title="前台">
  26. <i class="layui-icon layui-icon-website"></i>
  27. </a>
  28. </li>
  29. <li class="layui-nav-item" lay-unselect>
  30. <a href="javascript:;" layadmin-event="refresh" title="刷新">
  31. <i class="layui-icon layui-icon-refresh-3"></i>
  32. </a>
  33. </li>
  34. <li class="layui-nav-item layui-hide-xs" lay-unselect style="display:none;">
  35. <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords=">
  36. </li>
  37. <li class="layui-nav-item" style=""><a data-menu-node="m-1" href="#"><span>后台首页</span></a></li><li class="layui-nav-item" style=""><a data-menu-node="m-16" data-open="#"><span>微信管理</span></a></li><li class="layui-nav-item" style=""><a data-menu-node="m-37" data-open="#"><span>开放平台</span></a></li><li class="layui-nav-item" style=""><a data-menu-node="m-2" data-open="#"><span>系统管理</span></a></li><li class="layui-nav-item" style=""><a data-menu-node="m-62" data-open="#"><span>送钱券</span></a></li><li class="layui-nav-item layui-this" style=""><a data-menu-node="m-68" data-open="#"><span>优选店</span></a></li><li class="layui-nav-item" style=""><a data-menu-node="m-73" data-open="#"><span>用户管理</span></a></li>
  38. </ul>
  39. <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
  40. <li class="layui-nav-item auth-top" lay-unselect>
  41. <a href="javascript:;">
  42. <cite><span></span></cite>
  43. </a>
  44. <ul class="layui-nav-child">
  45. <li><a href="javascript:;">基本资料</a></li>
  46. </ul>
  47. </li>
  48. <li class="layui-nav-item" lay-unselect style="display:none;">
  49. <a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中心">
  50. <i class="layui-icon layui-icon-notice"></i>
  51. <!-- 如果有新消息,则显示小圆点 -->
  52. <span class="layui-badge-dot"></span>
  53. </a>
  54. </li>
  55. <li class="layui-nav-item layui-hide-xs" lay-unselect>
  56. <a href="javascript:;" layadmin-event="theme">
  57. <i class="layui-icon layui-icon-theme"></i>
  58. </a>
  59. </li>
  60. <li class="layui-nav-item layui-hide-xs" lay-unselect style="display:none;">
  61. <a href="javascript:;" layadmin-event="note">
  62. <i class="layui-icon layui-icon-note"></i>
  63. </a>
  64. </li>
  65. <li class="layui-nav-item layui-hide-xs" lay-unselect style="display:none;">
  66. <a href="javascript:;" layadmin-event="fullscreen">
  67. <i class="layui-icon layui-icon-screen-full"></i>
  68. </a>
  69. </li>
  70. <li class="layui-nav-item" lay-unselect>
  71. <a href="javascript:;">
  72. <cite id="manage-name"></cite>
  73. </a>
  74. <dl class="layui-nav-child">
  75. <dd><a id="edit_password" onclick="pass($(this));" style="cursor: pointer;">修改密码</a></dd>
  76. <hr>
  77. <dd style="text-align: center;"><a id="logout-url" href="javascript:;">退出</a></dd>
  78. </dl>
  79. </li>
  80. <li class="layui-nav-item layui-hide-xs" lay-unselect style="display:none;">
  81. <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
  82. </li>
  83. <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
  84. <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
  85. </li>
  86. </ul>
  87. </div>