-
Notifications
You must be signed in to change notification settings - Fork 118
/
index.src.html
158 lines (155 loc) · 6.55 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
<!-- last changed: 2024.12.30 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>双拼练习 @ BlueSky</title>
<meta http-equiv="X-UA-Compatible" content="ie=edge, 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 class="menu">
<label for="keyboard-layout-select" class="title">键盘布局：</label>
<select id="keyboard-layout-select"></select>
</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 class="key"></div>
<div class="key"></div>
<div class="key"></div>
</div>
</div>
<img class="pic" id="pic">
<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>
<a title="在 Github 上查看该项目源码" href="https://github.com/BlueSky-07/Shuang" target="_blank">
<svg viewBox="0 0 98 96" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"/>
</svg>
v5.20 2024.12.30
</a>
</span>
<br>
<span>字帖 <a title="字帖" href="https://api.ihint.me/zi" target="_blank" class="link">https://api.ihint.me/zi</a></span>
</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">
<script src="build/app.min.js"></script>
</body>
</html>