码迷,mamicode.com
首页 > 其他好文 > 详细

CRM -EasyUI 主界面设计

时间:2014-09-05 19:37:51      阅读:270      评论:0      收藏:0      [点我收藏+]

标签: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 主界面设计

标签:style   http   os   io   使用   java   ar   art   div   

原文地址:http://www.cnblogs.com/darjuan/p/3958508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!