# 多系统模式 ## 11.3.多系统模式 在header中有几个选项：“xx系统”、“xx系统”，点击不同的系统切换不同的侧边菜单，[查看演示](https://demo.easyweb.vip/iframe/page/example/side-more.html)。 侧边栏代码，使用`nav-id`标识不同的菜单： ~~~ <div class="layui-side"> <div class="layui-side-scroll"> <!-- 系统一的菜单，每个ul都加nav-id --> <ul nav-id="xt1" class="layui-nav layui-nav-tree" lay-filter="admin-side-nav"> <!-- ...省略代码... --> </ul> <!-- 系统二的菜单，加layui-hide隐藏 --> <ul nav-id="xt2" class="layui-nav layui-nav-tree layui-hide" lay-filter="admin-side-nav"> <!-- ...省略代码... --> </ul> </div> </div> ~~~ header.html代码，使用`nav-bind`绑定侧边栏菜单： ~~~ <div class="layui-header"> <ul class="layui-nav layui-layout-left"> <li class="layui-nav-item"><a nav-bind="xt1">系统一</a></li> <li class="layui-nav-item"<a nav-bind="xt2">系统二</a></li> </ul> </div> ~~~