-
Notifications
You must be signed in to change notification settings - Fork 7
/
basic.html
122 lines (122 loc) · 6.62 KB
/
basic.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
<!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 active">
<a class="nav-link" href="#">指法训练</a>
</li>
<li class="nav-item">
<a class="nav-link" href="words.html">单词训练</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 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('fingure11.json');">F & J</a></li>
<li><a href="#" @click="loadArticle('fingure12.json');">G & H</a></li>
<li><a href="#" @click="loadArticle('fingure13.json');">R & U</a></li>
<li><a href="#" @click="loadArticle('fingure14.json');">T & Y</a></li>
<li><a href="#" @click="loadArticle('fingure15.json');">B & N</a></li>
<li><a href="#" @click="loadArticle('fingure16.json');">V & M</a></li>
<li><a href="#" @click="loadArticle('fingure17.json');">4 & 7</a></li>
<li><a href="#" @click="loadArticle('fingure18.json');">5 & 6</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('fingure21.json');">D & K</a></li>
<li><a href="#" @click="loadArticle('fingure22.json');">E & I</a></li>
<li><a href="#" @click="loadArticle('fingure23.json');">C & ,</a></li>
<li><a href="#" @click="loadArticle('fingure24.json');">3 & 8</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('fingure31.json');">S & L</a></li>
<li><a href="#" @click="loadArticle('fingure32.json');">W & O</a></li>
<li><a href="#" @click="loadArticle('fingure33.json');">X & .</a></li>
<li><a href="#" @click="loadArticle('fingure34.json');">2 & 9</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('fingure41.json');">A & ;</a></li>
<li><a href="#" @click="loadArticle('fingure42.json');">Q & P</a></li>
<li><a href="#" @click="loadArticle('fingure43.json');">Z & /</a></li>
<li><a href="#" @click="loadArticle('fingure44.json');">1 & 0</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/fingure.js"></script>
</body>
</html>