1、文件体积缩小到了180kb左右

2、可以给每个复选框添加一些额外数据，即给复选框添加data-xxx="yyy"属性

<ul id="demo">

</ul>

<script>

    layui.use('tree',

    function() {

        var tree = layui.tree({

            elem: '#demo',

            //指定元素，生成的树放到哪个元素上

            check: 'checkbox',

            //勾选风格

            skin: 'as',

            //设定皮肤

            drag: true,

            //点击每一项时是否生成提示信息

            checkboxName: 'aa[]',

            //复选框的name属性值

            checkboxStyle: "",

            //设置复选框的样式，必须为字符串，css样式怎么写就怎么写

            click: function(item) { //点击节点回调

                console.log(item)

            },

            nodes: [ //节点

            {

                name: '常用文件夹',

                //节点名称

                spread: true,

                //是否是展开状态，true为展开状态

                href: "http://www.baidu.com",

                //设置节点跳转的链接，如果不设置则不会跳转

                target: "_self",

                //节点链接打开方式

                alias: 'changyong',

                checkboxValue: 1,

                //复选框的值

                checked: true,

                //复选框默认是否选中

                children: [{

                    name: '所有未读',

                    alias: 'weidu',

                    checked: true,

                    checkboxValue: 2

                },

                {

                    name: '置顶邮件',

                },

                {

                    name: '标签邮件',

                    checked: false,

                    checkboxValue: 3

                }]

            },

            {

                name: '我的邮箱',

                checked: true,

                spread: true,

                children: [{

                    name: 'QQ邮箱',

                    checked: true,

                    checkboxValue: 4,

                    spread: true,

                    children: [{

                        name: '收件箱',

                        checked: false,

                        checkboxValue: 5,

                        children: [{

                            name: '所有未读',

                            checked: false,

                            checkboxValue: 6,

                            children: [{

                                name: '一周未读',

                                checked: false,

                                checkboxValue: 6

                            }]

                        },

                        {

                            name: '置顶邮件',

                            checked: false,

                            checkboxValue: 7

                        },

                        {

                            name: '标签邮件',

                            checked: false,

                            checkboxValue: 8

                        }]

                    },

                    {

                        name: '已发出的邮件',

                        checked: false,

                        checkboxValue: 9

                    },

                    {

                        name: '垃圾邮件',

                        checked: false,

                        checkboxValue: 10

                    }]

                },

                {

                    name: '阿里云邮',

                    checked: true,

                    checkboxValue: 11,

                    children: [{

                        name: '收件箱',

                        checked: true,

                        checkboxValue: 12

                    },

                    {

                        name: '已发出的邮件',

                        checked: true,

                        checkboxValue: 13

                    },

                    {

                        name: '垃圾邮件',

                        checked: true,

                        checkboxValue: 14

                    }]

                }]

            }]

        });

</script>