forked from dytiger/dytiger.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
words.html
119 lines (118 loc) · 6.75 KB
/
words.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
<!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:https://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 active">
<a class="nav-link" href="#">单词训练</a>
</li>
<li class="nav-item">
<a class="nav-link" href="article.html">文章训练</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">训练要点即<span class="display-1">循序渐进</span>和<span class="display-1">坚持!</span></p>
<p class="display-4 text-light">建议<span class="display-1">每天训练</span>30到45分钟!</p>
<p class="display-4 text-light">每部分速度不达到<span class="display-1">150字/分钟</span>不要进入下一个部分!</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('words31.json');">第一部分</a></li>
<li><a href="#" @click="loadArticle('words32.json');">第二部分</a></li>
<li><a href="#" @click="loadArticle('words33.json');">第三部分</a></li>
<li><a href="#" @click="loadArticle('words34.json');">第四部分</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('words41.json');">第一部分</a></li>
<li><a href="#" @click="loadArticle('words42.json');">第二部分</a></li>
<li><a href="#" @click="loadArticle('words43.json');">第三部分</a></li>
<li><a href="#" @click="loadArticle('words44.json');">第四部分</a></li>
<li><a href="#" @click="loadArticle('words45.json');">第五部分</a></li>
<li><a href="#" @click="loadArticle('words46.json');">第六部分</a></li>
<li><a href="#" @click="loadArticle('words47.json');">第七部分</a></li>
<li><a href="#" @click="loadArticle('words48.json');">第八部分</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('words51.json');">第一部分</a></li>
<li><a href="#" @click="loadArticle('words52.json');">第二部分</a></li>
<li><a href="#" @click="loadArticle('words53.json');">第三部分</a></li>
<li><a href="#" @click="loadArticle('words54.json');">第四部分</a></li>
<li><a href="#" @click="loadArticle('words55.json');">第五部分</a></li>
<li><a href="#" @click="loadArticle('words56.json');">第六部分</a></li>
<li><a href="#" @click="loadArticle('words57.json');">第七部分</a></li>
<li><a href="#" @click="loadArticle('words58.json');">第八部分</a></li>
<li><a href="#" @click="loadArticle('words59.json');">第九部分</a></li>
</ul>
</div>
</div>
</div>
<div id="input-div" class="uk-margin uk-padding" v-html="article"></div>
</div>
<a href="http:https://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:https://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/words.js"></script>
</body>
</html>