-
Notifications
You must be signed in to change notification settings - Fork 7
/
article.html
123 lines (122 loc) · 6.96 KB
/
article.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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>在线英文打字练习_提高打字速度_英文打字_打字指法_盲打训练_指法练习_英文打字指法_英文打字指法训练_打字指法练习</title>
<meta name="keywords" content="在线英文打字练习,提高打字速度,英文打字,打字指法,盲打训练,指法练习,英文打字指法,英文打字指法训练,打字指法练习">
<meta name="description" content="在线英文打字练习,提高英文打字速度,掌握盲打技巧,训练打字准确率,提高速度,掌握打字指法。">
<link rel="stylesheet" href="css/bootstrap.css"/>
<link rel="stylesheet" href="css/uikit.css"/>
<link rel="stylesheet" href="css/theme.css"/>
<link rel="stylesheet" href="css/type.css"/>
<script src="js/type.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="http://www.forten.org" target="_blank" title="更多精彩请关注唯实讲堂">ForTen.org</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nb"
aria-controls="nb" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nb">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="basic.html">指法训练</a>
</li>
<li class="nav-item">
<a class="nav-link" href="words.html">单词训练</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">文章训练</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="uk-padding-large uk-background-top-left uk-background-fixed uk-background-cover"
style="background-image: url(./imgs/bg002.jpg);">
<div class="container">
<p class="display-4 text-light text-center">直视屏幕，禁止偷窥键盘！</p>
<p class="display-4 text-light text-center">直视屏幕，禁止偷窥键盘！</p>
<p class="display-4 text-light text-center">直视屏幕，禁止偷窥键盘！</p>
</div>
</div>
<div id="main" class="uk-section container">
<div class="uk-container">
<div class="h4 uk-width-2-3 uk-align-right">第一次敲击开始计算打字速度 {{speed}} 字/分钟 错误：{{errorTimes}} 次</div>
<div class="btn-group uk-width-1-4">
<button class="btn btn-primary">第一部分</button>
<div uk-dropdown="pos: bottom-justify">
<ul class="uk-nav uk-dropdown-nav">
<li><a href="#" @click="loadArticle('article001.json');">练习1</a></li>
<li><a href="#" @click="loadArticle('article002.json');">练习2</a></li>
<li><a href="#" @click="loadArticle('article003.json');">练习3</a></li>
<li><a href="#" @click="loadArticle('article004.json');">练习4</a></li>
<li><a href="#" @click="loadArticle('article005.json');">练习5</a></li>
<li><a href="#" @click="loadArticle('article006.json');">练习6</a></li>
<li><a href="#" @click="loadArticle('article007.json');">练习7</a></li>
<li><a href="#" @click="loadArticle('article008.json');">练习8</a></li>
<li><a href="#" @click="loadArticle('article009.json');">练习9</a></li>
<li><a href="#" @click="loadArticle('article010.json');">练习10</a></li>
</ul>
</div>
<button class="btn btn-primary">第二部分</button>
<div uk-dropdown="pos: bottom-justify">
<ul class="uk-nav uk-dropdown-nav">
<li><a href="#" @click="loadArticle('article011.json');">练习11</a></li>
<li><a href="#" @click="loadArticle('article012.json');">练习12</a></li>
<li><a href="#" @click="loadArticle('article013.json');">练习13</a></li>
<li><a href="#" @click="loadArticle('article014.json');">练习14</a></li>
<li><a href="#" @click="loadArticle('article015.json');">练习15</a></li>
<li><a href="#" @click="loadArticle('article016.json');">练习16</a></li>
<li><a href="#" @click="loadArticle('article017.json');">练习17</a></li>
<li><a href="#" @click="loadArticle('article018.json');">练习18</a></li>
<li><a href="#" @click="loadArticle('article019.json');">练习19</a></li>
<li><a href="#" @click="loadArticle('article020.json');">练习20</a></li>
</ul>
</div>
<button class="btn btn-primary">第三部分</button>
<div uk-dropdown="pos: bottom-justify">
<ul class="uk-nav uk-dropdown-nav">
<li><a href="#" @click="loadArticle('article021.json');">练习21</a></li>
<li><a href="#" @click="loadArticle('article022.json');">练习22</a></li>
<li><a href="#" @click="loadArticle('article023.json');">练习23</a></li>
<li><a href="#" @click="loadArticle('article024.json');">练习24</a></li>
<li><a href="#" @click="loadArticle('article025.json');">练习25</a></li>
</ul>
</div>
</div>
</div>
<div id="input-div" class="uk-margin uk-padding" v-html="article"></div>
</div>
<a href="http://www.forten.org" target="_blank">
<div class="navbar navbar-nav navbar-dark bg-dark uk-text-center text-light"
title="在线英文打字练习,提高打字速度,英文打字,打字指法,盲打训练,指法练习,英文打字指法,英文打字指法训练,打字指法练习">
<div class="uk-grid uk-padding-large">
<figure class="uk-width-1-2">
<img src="imgs/forten.png" alt="http://www.ForTen.org"/>
<figcaption>© ForTen.org</figcaption>
</figure>
<figure class="uk-width-1-2">
<img src="imgs/wx.png" alt="唯实讲堂微信订阅号"/>
<figcaption>微信订阅号</figcaption>
</figure>
</div>
</div>
</a>
<script src="js/popper.min.js"></script>
<script src="js/jquery-3.2.1.js"></script>
<script src="js/vue.js"></script>
<script src="js/axios.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/uikit.js"></script>
<script src="js/uikit-icons.js"></script>
<script src="js/basic.js"></script>
<script src="js/article.js"></script>
</body>
</html>