使用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>  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM