Tree树形菜单

Tree 树形菜单

一、首先需要引用这二个layui插件

  <link href="~/Content/layui/css/layui.css" rel="stylesheet" />
  <script src="~/Content/layui/layui.js"></script>

二、然后写一个标题

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>Tree树形菜单</legend>
</fieldset>

三、在给它写一个demo以及p标签文本

  <div style="display: inline-block; width: 180px; height: 210px; padding: 10px; border: 1px solid #ddd; overflow: auto;">
        <ul id="demo1"></ul>
  </div>
   <p>点击每一级菜单，都会执行一个回调，返回该节点的一些信息</p>

四、然后就是js代码

 <script>
//Demo
layui.use(['tree', 'layer'], function(){
  var layer &#