manage/assets/layadmin/html/inc/nav.html

<div id="load_style" style="display:none;">
</div>
<div id="dever-name" style="display:none;"></div>
<div class="layui-header" id="nav">
<!-- 头部区域 -->
<ul class="layui-nav layui-layout-left">
  <li class="layui-nav-item layadmin-flexible" lay-unselect>
    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
      <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
    </a>
  </li>
  <li class="layui-nav-item" lay-unselect>
    <a href="javascript:;" layadmin-event="back" title="上一页">
      <i class="layui-icon layui-icon-return"></i>
    </a>
  </li>
  <li class="layui-nav-item layui-hide-xs" id="front-url" lay-unselect style="display:none;">
    <a href="http://www.layui.com/admin/" target="_blank" title="前台">
      <i class="layui-icon layui-icon-website"></i>
    </a>
  </li>
  <li class="layui-nav-item" lay-unselect>
    <a href="javascript:;" layadmin-event="refresh" title="刷新">
      <i class="layui-icon layui-icon-refresh-3"></i>
    </a>
  </li>
  <li class="layui-nav-item layui-hide-xs" lay-unselect style="display:none;">
    <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords="> 
  </li>
</ul>
<ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

  <li class="layui-nav-item auth-top" lay-unselect style="display:none;">
    <a href="javascript:;">
      <cite><span></span></cite>
    </a>
    <ul class="layui-nav-child">
      <li><a lay-href="set/user/info.html">基本资料</a></li>
    </ul>
  </li>

  <li class="layui-nav-item" lay-unselect style="display:none;">
    <a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中心">
      <i class="layui-icon layui-icon-notice"></i>  
      
      <!-- 如果有新消息，则显示小圆点 -->
      <span class="layui-badge-dot"></span>
    </a>
  </li>
  <li class="layui-nav-item layui-hide-xs" lay-unselect>
    <a href="javascript:;" layadmin-event="theme">
      <i class="layui-icon layui-icon-theme"></i>
    </a>
  </li>
  <li class="layui-nav-item layui-hide-xs" lay-unselect style="display:none;">
    <a href="javascript:;" layadmin-event="note">
      <i class="layui-icon layui-icon-note"></i>
    </a>
  </li>
  <li class="layui-nav-item layui-hide-xs" lay-unselect>
    <a href="javascript:;" layadmin-event="fullscreen">
      <i class="layui-icon layui-icon-screen-full"></i>
    </a>
  </li>
  <li class="layui-nav-item" lay-unselect>
    <a href="javascript:;">
      <cite id="manage-name"></cite>
    </a>
    <dl class="layui-nav-child">
      <dd><a id="edit_password" onclick="pass($(this));" style="cursor: pointer;">修改密码</a></dd>
      <hr>
      <dd style="text-align: center;"><a id="logout-url" href="javascript:;">退出</a></dd>
    </dl>
  </li>
  
  <li class="layui-nav-item layui-hide-xs" lay-unselect style="display:none;">
    <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
  </li>
  <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
    <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
  </li>
</ul>
</div>