html:
<div data-options="region:'west',split:true" title="导航栏菜单" style=" 170px;"> <div class="easyui-accordion" data-options="fit:true,border:false"> <div title="系统设置1" data-options="selected:true"> <div style="margin: 5px"> <ul class="tree easyui-tree" data-options="animate:true,lines:true"> <li data-options="iconCls:'icon-group'"> <span>基本设置</span> <ul> <li data-options="iconCls:'icon-group_add'"> <span>test1</span> </li> <li data-options="iconCls:'icon-group_delete'"> <span>test2</span> </li> <li data-options="iconCls:'icon-group_edit'"> <span>test3</span> </li> </ul> </li> <li data-options="state:'closed',iconCls:'icon-joystick'"> <span>系统设置</span> <ul> <li data-options="iconCls:'icon-joystick_add'"> <span>test4</span> </li> </ul> </li> </ul> </div> </div> <div title="系统设置2" style="padding: 10px;"> content2 </div> <div title="系统设置3" style="padding: 10px"> content3 </div> </div> </div>
效果图: