-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
48 lines (47 loc) · 1.99 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<title>DROPS安全导肮</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="main.css">
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-default/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<div id="app">
<header class="header">
<nav class="inner">
<a href="/" class="logo">DROPS安全导肮</a>
<a v-for="record in records" :href="'#' + record.classify">{{ record.classify }}</a>
</nav>
</header>
<div class="content-view view">
<div class="content-list">
<ul>
<li class="classify" v-for="record in records" :id="record.classify">
<p class="classify-title">{{ record.classify }}</p>
<div class="level" v-for="level in record.levels">
<p class="level-title">{{ level.level }}</p>
<div class="level-item">
<a is="item" v-for="item in level.items" v-bind:item="item"></a>
</div>
</div>
</li>
</ul>
</div>
</div>
<footer class="footer">
<div class="inner">
<p>内容投稿或建议请联系[email protected]</p>
<p>2017 © 中原工学院DROPS攻防训练营</p>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1264593978'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264593978%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
</div>
</footer>
</div>
</body>
<script src="app.js"></script>
</html>