CRM -EasyUI 主介面設計

標籤：style   http   os   io   使用   java   ar   art   div   

<!DOCTYPE html><html><head>    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">    <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.min.js"></script>    <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script></head><body class="easyui-layout" style="text-align: left">     <div data-options="region:‘north‘" style="height: 150px; text-align: center">    </div>    <div data-options="region:‘west‘,split:true" title="管理功能表列" style="width: 200px;">        <div class="easyui-accordion" data-options="fit:true,border:false">            <div title="控制項使用" data-options="iconCls:‘icon-help‘">                <ul class="easyui-tree">                    <li data-options="iconCls:‘icon-help‘" style="padding: 10px"><a href="#"  rel="Article/List.htm">隨筆列表</a></li>                    <li data-options="iconCls:‘icon-help‘" style="padding: 10px"><a href="#"  rel="Article/List.htm">隨筆列表</a></li>                    <li data-options="iconCls:‘icon-help‘" style="padding: 10px"><a href="#"  rel="Article/List.htm">隨筆列表</a></li>                    <li data-options="iconCls:‘icon-help‘" style="padding: 10px"><a href="#"  rel="Article/List.htm">隨筆列表</a></li>                    <li data-options="iconCls:‘icon-help‘" style="padding: 10px"><a href="#"  rel="Article/List.htm">隨筆列表</a></li>                </ul>            </div>            <div title="員工管理" data-options="iconCls:‘icon-help‘">            </div>            <div title="部門管理" data-options="iconCls:‘icon-help‘">            </div>            <div title="品質管理" data-options="iconCls:‘icon-help‘">            </div>        </div>    </div>    <div data-options="region:‘center‘">        <div class="easyui-tabs" data-options="fit:true,border:false,plain:true">            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>            <div title="About" data-options="iconCls:‘icon-help‘,closable:true" style="padding: 10px"></div>        </div>    </div>    <div data-options="region:‘south‘,split:true" style="height: 25px; text-align: center;">        著作權    </div></body></html>

CRM -EasyUI 主介面設計