-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
101 lines (94 loc) · 5.76 KB
/
main.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Rime See Me</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="jscolor/jscolor.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<h1>Rime See Me </h1>
<table>
<tr>
<td id="effect">
<div id="box">
<div id="select">
<span id="text">小狼毫</span>
<span id="hilited">pei se</span>
>
</div>
<div id="display">
<div id="n1"><span id="label">1.</span><span id="word">配色</span><span id="code1">(pei se)</span></div>
<div id="n2"><span id="label">2.</span><span id="word">陪</span><span id="code2">(pei)</span></div>
<div id="n3"><span id="label">3.</span><span id="word">配</span><span id="code3">(pei)</span></div>
<div id="n4"><span id="label">4.</span><span id="word">赔</span><span id="code4">(pei)</span></div>
<div id="n5"><span id="label">5.</span><span id="word">培</span><span id="code5">(pei)</span></div>
<div id="n6"><span id="label">6.</span><span id="word">佩</span><span id="code6">(pei)</span></div>
<div id="n7"><span id="label">7.</span><span id="word">裴</span><span id="code7">(pei)</span></div>
<div id="n8"><span id="label">8.</span><span id="word">斐</span><span id="code8">(pei)</span></div>
<div id="n9"><span id="label">9.</span><span id="word">呸</span><span id="code9">(pei)</span></div>
</div>
</div>
</td>
<td id="style_setting">
<form>
<h3>基本设置</h3>
<span>代号</span><input type="text" name="schema" value="宋青" onchange="writeIn(this.name,this.value);"><br />
<span>名称</span><input type="text" name="name" value="Jack的配色/宋青" onchange="writeIn(this.name,this.value);"><br />
<span>作者</span><input type="text" name="author" value="Jack" onchange="writeIn(this.name,this.value);"><br />
<span>候选数</span> <input type="range" value="9" min="1" max="9" name="number" onchange="changeNumber(this.value)"><br />
<span>背景色</span><input type="text" id="background" class="color" name="body" value="F9F9F9" onchange="document.getElementById('effect').style.backgroundColor = '#'+this.color">
<fieldset id="modEx">
<legend>BGR <> RGB</legend>
<span>BGR</span><input type="text" id="bgr" value="77DDBB" onchange="exMode('bgr','rgb',this.value);"><br />
<span>RGB</span><input class="color {pickerPosition:'right'}" type="text" id="rgb" value="BBDD77" onchange="exMode('rgb','bgr',this.value);"><br />
</fieldset>
</form>
</td>
<td id="color_setting">
<form>
<fieldset>
<legend>背景设置</legend>
<span>背景</span><input type="text" class="color {pickerPosition:'left'}" name="back" value="343647" onchange="changeColor('box','bg',this.name,this.color);"><br />
<span>边框</span><input type="text" class="color {pickerPosition:'left'}" name="border" value="343647" onchange="changeColor('box','bd',this.name,this.color);">
</fieldset>
<fieldset>
<legend>内选区域</legend>
<span>文字</span><input type="text" class="color {pickerPosition:'left'}" name="text" value="F8E1BA" onchange="changeColor('text','c',this.name,this.color);"><br />
<span>编码</span><input type="text" class="color {pickerPosition:'left'}" name="hilited_text" value="C65E62" onchange="changeColor('hilited','c',this.name,this.color);"><br />
<span>背景</span><input type="text" class="color {pickerPosition:'left'}" name="hilited_back" value="343647" onchange="changeColor('hilited','bg',this.name,this.color);">
</fieldset>
<fieldset>
<legend>激活候选项</legend>
<span>文字</span><input type="text" class="color {pickerPosition:'left'}" name="hilited_candidate_text" value="F8E1BA" onchange="changeColor('n1','c',this.name,this.color);"><br />
<span>背景</span><input type="text" class="color {pickerPosition:'left'}" name="hilited_candidate_back" value="343647" onchange="changeColor('n1','bg',this.name,this.color);">
</fieldset>
<fieldset>
<legend>其它候选项</legend>
<span>文字</span><input type="text" class="color {pickerPosition:'left'}" name="candidate_text" value="C65E62" onchange="for(i=2;i<=9;i++) document.getElementById('n'+i).style.color = '#'+this.color;exConvert(this.name,this.color);"><br />
<span>提示</span><input type="text" class="color {pickerPosition:'left'}" name="comment_text" value="C65E62" onchange="for(i=1;i<=9;i++) document.getElementById('code'+i).style.color = '#'+this.color;exConvert(this.name,this.color);">
</fieldset>
</form>
</td>
<td id="code_generate">
<h2>生成代码</h2>
<div id="source_code">
<div><span> "preset_color_schemes/</span><span id="schema">宋青</span><span>":</span></div>
<div> name: <span id="name">Jack的配色/宋青</span></div>
<div> author: <span id="author">Jack</span></div>
<div> back_color: 0x<span id="back_color">343647</span></div>
<div> border_color: 0x<span id="border_color">343647</span></div>
<div> text_color: 0x<span id="text_color">F8E1BA</span></div>
<div> hilited_text_color: 0x<span id="hilited_text_color">C65E62</span></div>
<div> hilited_back_color: 0x<span id="hilited_back_color">343647</span></div>
<div> hilited_candidate_text_color: 0x<span id="hilited_candidate_text_color">F8E1BA</span></div>
<div> hilited_candidate_back_color: 0x<span id="hilited_candidate_back_color">343647</span></div>
<div> candidate_text_color: 0x<span id="candidate_text_color">C65E62</span></div>
<div> comment_text_color: 0x<span id="comment_text_color">C65E62</span></div>
</div>
</td>
</tr>
</table>
</body>
</html>