kero
Version:
105 lines (104 loc) • 6.32 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="http://design.yyuap.com/static/uui/latest/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="http://design.yyuap.com/static/uui/latest/css/tree.css">
<link rel="stylesheet" type="text/css" href="http://design.yyuap.com/static/uui/latest/css/grid.css">
<link rel="stylesheet" type="text/css" href="http://design.yyuap.com/static/uui/latest/css/u.css">
<link rel="stylesheet" type="text/css" href="http://design.yyuap.com/static/uui/latest/css/u-extend.css">
<link rel="stylesheet" type="text/css" href="widget.css">
</head>
<body>
<div class="u-container-fluid u-widget-bg">
<div class="u-row">
<div class="u-col-12">
<div class="u-widget p-lg">
<!--菜单导航代码 -->
<div class="demo">
<nav class="u-navmenu">
<ul>
<li>
<a class="u-navmenu-link" href="javascript:void(0)" linkto="">
<i class="fa fa-cogs red-600"></i>
<span class="">系统管理</span>
<span class="pull-right">
<i class="fa fa-caret-down"></i>
</span>
</a>
<ul class="u-navmenu-sub">
<li>
<a class="u-navmenu-link" href="#/pages/company/company" linkto="">
<i class="fa fa-reorder"></i>单位管理
</a>
</li>
<li>
<a class="u-navmenu-link" href="#" linkto="">
<i class="fa fa-reorde"></i>角色管理
</a>
</li>
<li>
<a class="u-navmenu-link" href="#" linkto="">
<i class="fa fa-reorder"></i>
<span class="">用户管理</span>
<span class="pull-right">
<i class="fa fa-caret-down"></i>
</span>
</a>
<ul class="u-navmenu-sub">
<li>
<a class="u-navmenu-link" href="#" linkto="">
<i class="fa fa-book"></i>第三级
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a class="u-navmenu-link" href="javascript:void(0)" linkto="">
<i class="fa fa-bar-chart"></i>
<span class="">公司产品管理</span>
<span class="pull-right">
<i class="fa fa-caret-down"></i>
</span>
</a>
<ul class="u-navmenu-sub">
<li><a class="u-navmenu-link" href="javascript:void(0)" linkto=""><i class="fa fa-reorder"></i>产品版本管理</a></li>
<li><a class="u-navmenu-link" href="javascript:void(0)" linkto=""><i class="fa fa-reorder"></i>产品模块管理</a></li>
</ul>
</li>
<li>
<a class="u-navmenu-link" href="javascript:void(0)" linkto="">
<i class="fa fa-globe"></i>
<span class="">产品上市</span>
<span class="pull-right">
<i class="fa fa-caret-down"></i>
</span>
</a>
<ul class="u-navmenu-sub">
<li><a class="u-navmenu-link" href="javascript:void(0)" linkto=""><i class="fa fa-reorder"></i>产品管理</a></li>
<li><a class="u-navmenu-link" href="javascript:void(0)" linkto=""><i class="fa fa-reorder"></i>产品模块配置</a></li>
<li><a class="u-navmenu-link" href="javascript:void(0)" linkto=""><i class="fa fa-reorder"></i>模块阶梯价格配置</a></li>
<li><a class="u-navmenu-link" href="javascript:void(0)" linkto=""><i class="fa fa-reorder"></i>模块依赖关系</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<script src="http://design.yyuap.com/static/jquery/jquery-1.9.1.min.js"></script>
<script src="http://design.yyuap.com/static/knockout/knockout-3.2.0.debug.js"></script>
<script src="http://design.yyuap.com/static/uui/latest/js/u-polyfill.js"></script>
<script src="http://design.yyuap.com/static/uui/latest/js/u.js"></script>
<script src="http://design.yyuap.com/static/uui/latest/js/u-tree.js"></script>
<script src="http://design.yyuap.com/static/uui/latest/js/u-grid.js"></script>
<script src="http://design.yyuap.com/static/requirejs/require.debug.js"></script>
<script src="widget.js"></script>
</body>
</html>