-
Notifications
You must be signed in to change notification settings - Fork 117
/
index.src.html
159 lines (156 loc) · 6.04 KB
/
index.src.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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!-- last changed: 2022.3.6 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>双拼练习 @ BlueSky</title>
<meta http-equiv="X-UA-Compatible" content="ie=EmulateIE9, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="build/style.min.css">
<meta name="keywords" content="双拼,双拼输入,双拼练习,双拼入门,双拼教程,自然码,小鹤双拼" />
<meta name="description" content="帮助你快速上手双拼输入法，也可在微信小程序中搜索“双拼练习”使用。" />
</head>
<body>
<div class="header">
<div class="menu">
<label for="scheme-select" class="title">双拼方案：</label>
<select id="scheme-select"></select>
</div>
<div class="menu">
<label for="mode-select" class="title">练习模式：</label>
<select id="mode-select"></select>
</div>
<div class="menu">
<span class="title">模式说明：</span>
<span id="mode-desc"></span>
</div>
<div class="menu">
<label for="pic-switcher" class="title">显示键位图：</label>
<input type="checkbox" id="pic-switcher">
</div>
<div class="menu">
<label for="dark-mode-switcher" class="title">夜间模式：</label>
<input type="checkbox" id="dark-mode-switcher">
</div>
<div class="menu">
<label for="auto-next-switcher" class="title">正确时自动切换：</label>
<input type="checkbox" id="auto-next-switcher">
</div>
<div class="menu">
<label for="auto-clear-switcher" class="title">错误时自动清空：</label>
<input type="checkbox" id="auto-clear-switcher">
</div>
<div class="menu">
<label for="show-keys" class="title">显示按键提示：</label>
<input type="checkbox" id="show-keys">
</div>
<div class="menu">
<label for="show-pressed-key" class="title">显示实时按键：</label>
<input type="checkbox" id="show-pressed-key">
</div>
<div class="menu">
<label for="disable-mobile-keyboard" class="title">禁用手机键盘：</label>
<input type="checkbox" id="disable-mobile-keyboard">
</div>
</div>
<div class="workspace">
<div class="col">
<span class="dict" id="dict"></span>
</div>
<div class="col">
<div class="row">
<span class="q" id="q"></span>
</div>
<div class="row">
<input id="a" maxlength="2" autofocus="autofocus" autocomplete="off">
<div class="btn" id="btn"></div>
</div>
</div>
</div>
<div class="keyboard" id="keyboard">
<div class="keys" id="keys">
<div class="row-1">
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
</div>
<div class="row-2">
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
</div>
<div class="row-3">
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
<div class="key"></div>
</div>
</div>
<img class="pic" id="pic">
<img class="pic-placeholder" id="pic-placeholder">
<div class="tips" id="tips"></div>
</div>
<div class="manual">
<p>1. 切换至系统自带的英文输入法</p>
<p>2. 空格键 / 回车键 切换或清空</p>
<p>3. Tab 键 显示答案（可能不唯一）</p>
<p>4. 手机练习也可使用微信小程序</p>
<p>5. 使用 <a title="立即下载 Chrome 浏览器" href="https://www.google.cn/chrome" target="_blank">Chrome 浏览器</a> 体验最佳</p>
<p>6. 查看 <a title="双拼输入介绍" href="https://sspai.com/post/42667" target="_blank">双拼输入介绍</a></p>
</div>
<div class="footer">
<div class="wx" id="wx">
<span id="wx-title">微信小程序：</span>
<span id="wx-name">双拼练习</span>
<img id="wx-qr" hidden="hidden"
src="https://api.ihint.me/qr.php?https://mp.weixin.qq.com/a/~Jaww_jP-YK1G39fiZ01Qxg~~">
</div>
<div class="copyright">
<span>@ BlueSky | v5.18 2022.3.6 更新</span>
<br>
<a title="在 Github 上查看该项目源码" href="https://github.com/BlueSky-07/Shuang"
target="_blank">https://github.com/BlueSky-07/Shuang</a>
<br>
<span>键位图 <a title="查看包含 Dvorak 键盘布局的键位图" href="https://api.ihint.me/keyboard"
target="_blank">https://api.ihint.me/keyboard</a></span>
<br>
<span>字帖 <a title="字帖" href="https://api.ihint.me/zi" target="_blank">https://api.ihint.me/zi</a></span>
<br>
<a title="iOS/macOS 原生双拼输入法常见方案设置指南" href="https://sspai.com/post/60751" target="_blank">
iOS/macOS 原生双拼输入法常见方案设置指南
</a>
</div>
<div class="pays" id="pay">
<span class="pay-title">支持开发者：</span>
<span class="pay-name" id="alipay">支付宝</span>
<img id="alipay-qr" hidden="hidden"
src="https://api.ihint.me/qr.php?HTTPS://QR.ALIPAY.COM/FKX05370OGFIX8QOBKXS35">
<span class="pay-name" id="wxpay">微信</span>
<img id="wxpay-qr" hidden="hidden" src="https://api.ihint.me/wxpay.jpg">
</div>
</div>
<img src="https://api.ihint.me/statistics.php?site=shuang" hidden="hidden">
<!--[if IE]>
<script src="https://cdn.bootcdn.net/ajax/libs/babel-polyfill/7.12.1/polyfill.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/classlist/2014.01.31/classList.min.js"></script>
<![endif]-->
<script src="build/app.min.js"></script>
</body>
</html>