kero
Version:
68 lines (62 loc) • 2.77 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>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="../../../vendor/uui/assets/fonts/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../../../vendor/uui/css/u.css">
</head>
<body>
<center>
<!-- Left aligned menu below button -->
<button id="demo-menu-lower-left" class="u-button floating u-button-icon">
<i class="fa fa-ellipsis-v"></i>
</button>
左对齐
<ul class="u-menu u-menu-bottom-left" for="demo-menu-lower-left">
<li class="u-menu-item">新增</li>
<li class="u-menu-item">修改</li>
<li disabled class="u-menu-item">删除</li>
<li class="u-menu-item">审核</li>
</ul>
<p>
<!-- right aligned menu below button -->
<button id="demo-menu-lower-right" class="u-button floating u-button-icon">
<i class="fa fa-ellipsis-v"></i>
</button>右对齐
<ul class="u-menu u-menu-bottom-right" for="demo-menu-lower-right">
<li class="u-menu-item">新增</li>
<li class="u-menu-item">修改</li>
<li disabled class="u-menu-item">删除</li>
<li class="u-menu-item">审核</li>
</ul>
</p>
<script src="../../../vendor/uui/js/u-polyfill.js"></script>
<script src="../../../vendor/uui/js/u-ui.js"></script>
</center>
</body>
</html>
<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>