使用easyui-layout布局

时间：2025-02-20 15:07:38

使用easyui-layout布局

<body class="easyui-layout">

    <div data-options="region:'north',title:'顶部',split:true" style="height:100px;"></div>

    <div data-options="region:'south',title:'底部', split:true" style="height:100px;"></div>

    <div data-options="region:'east',iconCls:'icon-reload',title:'工具',split:true" style="width:100px;"></div>

    <div data-options="region:'west',title:'菜单', split:true" style="width:100px;">

    <div id="ac" class="easyui-accordion" data-options="fit:true">

    <div title="员工信息" data-options="selected:true">

    <a class="easyui-linkbutton"   href="#" style="align:center,width:100%">新标签页</a><br>

    <a class="easyui-linkbutton"  title="addUser.html"   href="#" style="align:center,width:100%">添加</a><br>

    <a class="easyui-linkbutton"  title="xiugaiUser.html"  href="#" style="align:center,width:100%">修改</a><br>

    <a class="easyui-linkbutton" href="#"  style="align:center,width:100%">删除</a><br>

    </div>

    <div title="考勤信息">这是考勤信息</div>

    <div title="培训信息" >这是培训信息</div>

    </div>

</div>

相关文章