layui-ul/source/components/nav/ul-nav-tree/_index.html

<div class="ul-nav-tree">

    <div class="ul-nav-tree-group">
        <div class="ul-nav-tree-group-title">起步</div>
        <div class="ul-nav-tree-group-main">
            <a
                href=""
                class="ul-nav-tree-item current"
            >
                <div class="ul-nav-tree-item-title">欢迎</div>
                <div class="ul-nav-tree-item-desc">项目介绍/使用说明</div>
            </a>
            <a
                href=""
                class="ul-nav-tree-item"
            >
                <div class="ul-nav-tree-item-title">开始使用</div>
                <div class="ul-nav-tree-item-desc">安装方式,注意事项</div>
            </a>
            <a
                href=""
                class="ul-nav-tree-item"
            >
                <div class="ul-nav-tree-item-title">如何使用</div>
                <div class="ul-nav-tree-item-desc">复制组件</div>
            </a>
        </div>
    </div>
    <div class="ul-nav-tree-group">
        <div class="ul-nav-tree-group-title">
            组件 </div>
        <div class="ul-nav-tree-group-main">
            <a
                href=""
                class="ul-nav-tree-item"
            >
                <div class="ul-nav-tree-item-title">列表</div>
                <div class="ul-nav-tree-item-desc">用户列表/文章列表...</div>
            </a>
            <a
                href=""
                class="ul-nav-tree-item"
            >
                <div class="ul-nav-tree-item-title">头部</div>
                <div class="ul-nav-tree-item-desc">页面头</div>
            </a>
            <a
                href=""
                class="ul-nav-tree-item"
            >
                <div class="ul-nav-tree-item-title">导航</div>
                <div class="ul-nav-tree-item-desc">横竖导航/多级导航</div>
            </a>
        </div>
    </div>
</div>