@tower1229/flow-ui
Version:
Highly customizable UI framework based Seajs/jQuery
111 lines (105 loc) • 6.04 kB
HTML
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<title>后台管理系统界面-Flow-UI</title>
<meta content="后台管理系统界面,后台界面,Flow-UI,Dashboard" name="Keywords">
<meta content="Flow-UI 是一套组件化UI框架，基于Flow-UI可以轻松定制各种后台管理系统界面和后台界面。" name="Description">
<link href="/Flow-UI/dashboard/favicon.ico" rel="icon">
<link href="/Flow-UI/dashboard/css/style.css" rel="stylesheet">
<script type="text/javascript">
if(window.location.href.indexOf('https')===0){
document.write('<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />');
}
</script>
<!--[if lt IE 9]><script src="/Flow-UI/dashboard/lib/H5shiv.js"></script><![endif]-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?f10103677155b485824f29def715eb5d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<header class="g-head">
<div class="nav-bar m-r">
<a href="####" class="btn btn-default"><i class="ion"></i> 项目管理</a>
<a href="####" class="btn btn-default"><i class="ion"></i> 论坛</a>
<span class="btn btn-link" id="accountDropdown"><i class="ion"></i>管理员</span>
</div>
<form class="form-inline head-search">
<input type="text" class="form-control" placeholder="Search">
<button type="button" class="btn btn-primary">Search</button>
</form>
</header>
<div class="g-side">
<h1 class="logo"><img src="/Flow-UI/dashboard/img/ico.png" >Flow-UI控制台</h1>
<nav id="g-menu" class="g-menu">
<ul class="menu-ui menu-vertical menu-light">
<li class="menu-item" data-menu-key="1" data-page="dashboard"><i class="ion"></i> 控制台</li>
<li class="menu-submenu" data-menu-key="2">
<div class="menu-item-title"><i class="ion"></i> 组件 <i class="menu-sub-ion ion"></i></div>
<ul class="menu-sub-group">
<li class="menu-item" data-menu-key="20" data-page="button">按钮</li>
<li class="menu-item" data-menu-key="21" data-page="card">卡片</li>
<li class="menu-item" data-menu-key="22" data-page="modal">弹窗</li>
<li class="menu-item" data-menu-key="23" data-page="switch">开关</li>
<li class="menu-item" data-menu-key="29" data-page="checks">单选/多选</li>
<li class="menu-item" data-menu-key="24" data-page="table">表格</li>
<li class="menu-item" data-menu-key="25" data-page="tabs">选项卡</li>
<li class="menu-item" data-menu-key="26" data-page="todo">待办事项</li>
<li class="menu-item" data-menu-key="27" data-page="collapse">折叠面板</li>
<li class="menu-item" data-menu-key="28" data-page="page">分页</li>
</ul>
</li>
<li class="menu-item" data-menu-key="3" data-page="form"><i class="ion"></i> 表单</li>
<li class="menu-submenu" data-menu-key="4">
<div class="menu-item-title"><i class="ion"></i> 插件 <i class="menu-sub-ion ion"></i></div>
<ul class="menu-sub-group">
<li class="menu-item" data-menu-key="40" data-page="calendar">日历</li>
<li class="menu-item" data-menu-key="41" data-page="dragpanel">拖拽布局</li>
<li class="menu-item" data-menu-key="42" data-page="input">输入框</li>
<li class="menu-item" data-menu-key="43" data-page="notice">提醒</li>
<li class="menu-item" data-menu-key="44" data-page="slider">滑块</li>
<li class="menu-item" data-menu-key="45" data-page="select">下拉选择</li>
<li class="menu-item" data-menu-key="46" data-page="datagrid">数据表格</li>
<li class="menu-item" data-menu-key="47" data-page="echart">图表</li>
<li class="menu-item" data-menu-key="48" data-page="ztree">树</li>
</ul>
</li>
<li class="menu-item" data-menu-key="5" data-page="widgets"><i class="ion"></i> 挂件</li>
<li class="menu-submenu" data-menu-key="6">
<div class="menu-item-title"><i class="ion"></i> 页面 <i class="menu-sub-ion ion"></i></div>
<ul class="menu-sub-group">
<li class="menu-item" data-menu-key="60"><a href="login.html">登录</a></li>
<li class="menu-item" data-menu-key="61"><a href="regist.html">注册</a></li>
<li class="menu-item" data-menu-key="62"><a href="404.html">Error 404</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="g-statues-bar p-lr">
<div class="bread" id="mybread">
</div>
</div>
<div class="g-body" id="main">
</div>
<footer class="foot">
<div class="wrap oh tc">
<p class="dib p-sm"> © 2016 - 3016 tower1229@gmail.com <a href="http://refined-x.com" title="雅X共赏的前端技术博客">雅X共赏</a> | <a href="http://flow-ui.refined-x.com" title="Flow-UI">Flow-UI</a></p>
</div>
</footer>
<script type="text/javascript" async="async" src="//push.zhanzhang.baidu.com/push.js"></script>
<script src="/Flow-UI/dashboard/lib/sea.js" id="seajsnode"></script>
<script>
seajs.use('js/index');
</script>
</body>
</html>