菜单 - AuxUI - 模块化前端UI框架

为页面和功能提供导航的菜单列表，配合面板组件使用

默认菜单

<div class="ui-side-menu">
    <div class="panel panel-default">
        <div class="panel-heading">菜单</div>
        <div class="list-group ui-menu-list">
            <a class="list-group-item" href="javascript:;"><i class="auxui-icon icon">&#xe8bf;</i>主页</a>
            <a class="list-group-item" href="javascript:;"><i class="auxui-icon icon">&#xe89a;</i>WEB组件</a>
            <a class="list-group-item" href="javascript:;"><i class="auxui-icon icon">&#xe605;</i>页面模板</a>
            <a class="list-group-item" href="javascript:;"><i class="auxui-icon icon">&#xe636;</i>应用程序</a>
            <a class="list-group-item" href="javascript:;"><i class="auxui-icon icon">&#xe8bd;</i>设置</a>
        </div>
    </div>
</div>

带图标的菜单

<div class="ui-side-menu">
    <div class="panel panel-default">
        <div class="panel-heading">菜单</div>
        <div class="list-group ui-menu-list">
            <a class="list-group-item" href="javascript:;"><i class="auxui-icon icon">&#xe8bf;</i>主页</a>
            <a class="list-group-item" href="javascript:;"><i class="auxui-icon icon">&#xe89a;</i>WEB组件<span class="badge"><i class="auxui-icon icon">&#xe90f;</i></span></a>
            <div class="ui-side-menu-child">
                <a class="list-group-item" href="javascript:;">按钮</a>
                <a class="list-group-item" href="javascript:;">表单</a>
                <a class="list-group-item" href="javascript:;">导航</a>
                <a class="list-group-item" href="javascript:;">选项卡<span class="badge"><i class="auxui-icon icon">&#xe90f;</i></span></a>
                <div class="ui-side-menu-child">
                    <a class="list-group-item" href="javascript:;">新增选项卡</a>
                    <a class="list-group-item" href="javascript:;">编辑选项卡</a>
                    <a class="list-group-item" href="javascript:;">删除选项卡</a>
                    <a class="list-group-item" href="javascript:;">插入选项卡</a>
                </div>
                <a class="list-group-item" href="javascript:;">进度条</a>
            </div>
            <a class="list-group-item" href="javascript:;"><i class="auxui-icon icon">&#xe605;</i>页面模板<span class="badge"><i class="auxui-icon icon">&#xe90d;</i></span></a>
            <a class="list-group-item" href="javascript:;"><i class="auxui-icon icon">&#xe636;</i>应用程序<span class="badge"><i class="auxui-icon icon">&#xe90d;</i></span></a>
            <a class="list-group-item" href="javascript:;"><i class="auxui-icon icon">&#xe8bd;</i>设置<span class="badge"><i class="auxui-icon icon">&#xe90d;</i></span></a>
        </div>
    </div>
</div>