iuap-design
Version:
UI Framework Used For Enterprise.
74 lines • 4.08 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" href="http://iuap.yonyou.com/fe/vendor/font-awesome/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="http://iuap.yonyou.com/fe/vendor/uui/css/u.css">
<link rel="stylesheet" type="text/css" href="http://iuap.yonyou.com/fe/vendor/uui/css/u-extend.css">
<link rel="stylesheet" type="text/css" href="http://iuap.yonyou.com/fe/vendor/uui/css/tree.css">
<link rel="stylesheet" type="text/css" href="http://iuap.yonyou.com/fe/vendor/uui/css/grid.css">
<link rel="stylesheet" type="text/css" href="widget.css">
</head>
<body>
<div class="u-row">
<div class="u-col-3">
<button class="u-button u-button-success u-menu-button" id="demo-menu-sucess">
success
<span class="u-right-icon fa fa-angle-down"></span>
</button>
<ul class="u-menu u-menu-bottom-right u-menu-success" for="demo-menu-sucess">
<li class="u-menu-item"><a href="javascript:void(0)">action zero</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action one</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action two</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action three</a></li>
</ul>
</div>
<div class="u-col-3">
<button class="u-button u-button-info u-menu-button" id="demo-menu-info">
info
<span class="u-right-icon fa fa-angle-down"></span>
</button>
<ul class="u-menu u-menu-bottom-right u-menu-info" for="demo-menu-info">
<li class="u-menu-item"><a href="javascript:void(0)">action zero</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action one</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action two</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action three</a></li>
</ul>
</div>
<div class="u-col-3">
<button class="u-button u-button-danger u-menu-button" id="demo-menu-danger">
danger
<span class="u-right-icon fa fa-angle-down"></span>
</button>
<ul class="u-menu u-menu-bottom-right u-menu-danger" for="demo-menu-danger">
<li class="u-menu-item"><a href="javascript:void(0)">action zero</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action one</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action two</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action three</a></li>
</ul>
</div>
<div class="u-col-3">
<button class="u-button u-button-warning u-menu-button" id="demo-menu-warning">
warning
<span class="u-right-icon fa fa-angle-down"></span>
</button>
<ul class="u-menu u-menu-bottom-right u-menu-warning" for="demo-menu-warning">
<li class="u-menu-item"><a href="javascript:void(0)">action zero</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action one</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action two</a></li>
<li class="u-menu-item"><a href="javascript:void(0)">action three</a></li>
</ul>
</div>
</div>
<script src="http://iuap.yonyou.com/fe/vendor/jquery/jquery-1.11.2.js"></script>
<script src="http://iuap.yonyou.com/fe/vendor/knockout/knockout-3.2.0.debug.js"></script>
<script src="http://iuap.yonyou.com/fe/vendor/uui/js/u-polyfill.js"></script>
<script src="http://iuap.yonyou.com/fe/vendor/uui/js/u.js"></script>
<script src="http://iuap.yonyou.com/fe/vendor/uui/js/u-tree.js"></script>
<script src="http://iuap.yonyou.com/fe/vendor/uui/js/u-grid.js"></script>
<script src="http://iuap.yonyou.com/fe/vendor/requirejs/require.debug.js"></script>
<script src="widget.js"></script>
</body>
</html>