kero
Version:
31 lines (29 loc) • 1 kB
HTML
<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>
<!-- 无头部，左抽屉导航在大屏幕下总是打开 -->
<div class="u-navlayout u-navlayout-fixed-drawer">
<div class="u-navlayout-drawer">
<span class="u-navlayout-title">标题</span>
<div class="u-nav">
<a class="u-nav-link" href="#link1">链接1</a>
<a class="u-nav-link" href="#link2">链接2</a>
<a class="u-nav-link" href="#link3">链接3</a>
<a class="u-nav-link" href="#link4">链接4</a>
</div>
</div>
<main class="u-navlayout-content">
<div class="page-content"><!-- 内容区 --></div>
</main>
</div>
</div>
<script src="../../../vendor/uui/js/u-polyfill.js"></script>
<script src="../../../vendor/uui/js/u-ui.js"></script>
</body>
</html>