主要利用element模块插件实现侧边导航栏
第一种展示的侧边导航栏是依据菜单展示的内容来展示其背景样式的
<link rel="stylesheet" type="text/css" href="./libs/layui/css/layui.css"/>
<ul class="layui-nav layui-nav-tree" lay-filter="test">//layui-nav-itemed====》此类名是控制其该列表项展开<li class="layui-nav-item layui-nav-itemed"><a href="javascript:;">默认展开</a><dl class="layui-nav-child"><dd><a href="javascript:;">选项1</a></dd><dd><a href="javascript:;">选项2</a></dd></dl></li><li class="layui-nav-item"><a href="javascript:;">解决方案</a><dl class="layui-nav-child"><dd><a href="">移动模块</a></dd><dd><a href="">后台模版</a></dd><dd><a href="">电商平台</a></dd></dl></li></ul>
<script src="assets/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script><script src="./libs/layui/layui.js" type="text/javascript" charset="utf-8"></script><script src="./libs/layui/lay/modules/element.js" type="text/javascript" charset="utf-8"></script>
第二种展示的侧边导航栏是将侧边导航栏的整个部分都设置其背景颜色