EasyUi 树形菜单

最新推荐文章于 2022-04-07 18:56:12 发布

一脸子懵B

最新推荐文章于 2022-04-07 18:56:12 发布

阅读量446

点赞数

分类专栏： HTML+CSS+JS

本文链接：https://blog.csdn.net/aa134159/article/details/79883377

版权

HTML+CSS+JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

实现效果:
这里写图片描述

<body class="easyui-layout">
    <div data-options="region:'west',title:'菜单',split:true" style="width:180px;">
        <ul id="menu" class="easyui-tree" style="margin-top: 10px;margin-left: 5px;">
            <li>
                <span>商品管理</span>
                <ul>
                    <li data-options="attributes:{'url':'/rest/item-add'}">新增商品</li>
                    <li data-options="attributes:{'url':'/rest/item-list'}">查询商品</li>
                    <li data-options="attributes:{'url':'/rest/item-param-list'}">规格参数</li>
                </ul>
            </li>
            <li>
                <span>网站内容管理</span>
                <ul>
                    <li data-options="attributes:{'url':'/rest/content-category'}">内容分类管理</li>
                    <li data-options="attributes:{'url':'/rest/content'}">内容管理</li>
                </ul>
            </li>
         </ul>
    </div>
    <div data-options="region:'center',title:''">
        <div id="tabs" class="easyui-tabs">
            <div title="首页" style="padding:20px;">

            </div>
        </div>
    </div>