1
+ <!DOCTYPE html>
2
+ < html >
3
+
4
+ < head >
5
+ < meta charset ='UTF-8 '>
6
+ < title > evol</ title >
7
+ < link rel ='stylesheet ' href ='./semantic.min.css '>
8
+ < script src ='./vue.min.js '> </ script >
9
+ < script src ='./jquery.min.js '> </ script >
10
+ < script src ='./semantic.min.js '> </ script >
11
+ < style >
12
+ .mainTab {
13
+ text-align : center;
14
+ }
15
+
16
+ .field .customizeRangeField {
17
+ display : none;
18
+ }
19
+
20
+ body {
21
+ transition : all 0.5s ;
22
+ overflow : auto;
23
+ }
24
+
25
+ ::-webkit-scrollbar {
26
+ width : 5px ;
27
+ }
28
+
29
+ ::-webkit-scrollbar-thumb {
30
+ border-radius : 10px ;
31
+ -webkit-box-shadow : inset 0 0 5px # bebebe ;
32
+ background : # bebebe ;
33
+ transition : all 0.5s ;
34
+ }
35
+
36
+ ::-webkit-scrollbar-thumb : hover {
37
+ border-radius : 10px ;
38
+ -webkit-box-shadow : inset 0 0 5px # aaaaaa ;
39
+ background : # aaaaaa ;
40
+ }
41
+
42
+ ::-webkit-scrollbar-track {
43
+ -webkit-box-shadow : inset 0 0 5px # e0e0e0 ;
44
+ border-radius : 0 ;
45
+ background : # e0e0e0 ;
46
+ opacity : 1 ;
47
+ }
48
+
49
+ # totop {
50
+ position : fixed;
51
+ bottom : 100px ;
52
+ right : 0 ;
53
+ z-index : 114514 ;
54
+ }
55
+ </ style >
56
+ </ head >
57
+
58
+ < body >
59
+ < div id ='app ' class ='ui container '>
60
+ < h2 > 关于VegeTable随机抽人</ h2 >
61
+ By yemaster.
62
+ < h4 class ="ui horizontal left aligned divider header ">
63
+ < i class ="clipboard list icon "> </ i >
64
+ 更新日志
65
+ </ h4 >
66
+ < div class ="ui styled accordion ">
67
+ < div v-for ='(ul,i) in rupdateLogs '>
68
+ < div class ="title " :class ="{ active: i==0 } ">
69
+ < i class ="dropdown icon "> </ i >
70
+ {{ ul.ver }}
71
+ </ div >
72
+ < div class ="content " :class ="{ active: i==0 } ">
73
+ < ul class ="ui list ">
74
+ < li v-for ="g in ul.details "> {{ g }}</ li >
75
+ </ ul >
76
+ </ div >
77
+ </ div >
78
+ </ div >
79
+ </ div >
80
+ </ div >
81
+ < script >
82
+ let scrollDelay
83
+ function pageScroll ( ) {
84
+ window . scrollBy ( 0 , - 50 )
85
+ scrollDelay = setTimeout ( pageScroll , 10 )
86
+ if ( $ ( window ) . scrollTop ( ) <= 10 ) {
87
+ clearTimeout ( scrollDelay )
88
+ }
89
+ }
90
+ $ ( document ) . ready ( function ( ) {
91
+ $ ( '#totop' ) . click ( pageScroll )
92
+ } )
93
+
94
+ let evol = new Vue ( {
95
+ el : '#app' ,
96
+ data : {
97
+ updateLogs : [
98
+ {
99
+ ver : 'v0.0.1' ,
100
+ details : [
101
+ '多句话轮播'
102
+ ]
103
+ } ,
104
+ {
105
+ ver : 'v0.0.2' ,
106
+ details : [
107
+ '可以修改名字' ,
108
+ '可以修改颜色' ,
109
+ '可以修改间隔' ,
110
+ '改善了部分ui'
111
+ ]
112
+ } ,
113
+ {
114
+ ver : 'v0.1.0' ,
115
+ details : [
116
+ '导入了全班名字,随机选取名字' ,
117
+ '可以修改文字内容'
118
+ ]
119
+ } ,
120
+ {
121
+ ver : 'v0.1.1' ,
122
+ details : [
123
+ '增加了随机的范围' ,
124
+ '强制自定义的文字友好'
125
+ ]
126
+ } ,
127
+ {
128
+ ver : 'v0.1.2' ,
129
+ details : [
130
+ '增加自定义范围' ,
131
+ '使抽取范围更加人性化'
132
+ ]
133
+ } ,
134
+ {
135
+ ver : 'v0.1.3' ,
136
+ details : [
137
+ '移除了人性化的设置'
138
+ ]
139
+ } ,
140
+ {
141
+ ver : 'v1.0.0' ,
142
+ details : [
143
+ '使用vue和semantic-ui重写了全部功能和ui' ,
144
+ '允许使用css来修改界面'
145
+ ]
146
+ } ,
147
+ {
148
+ ver : 'v1.0.1' ,
149
+ details : [
150
+ '替换为fomantic.ui' ,
151
+ '丰富了过渡动画' ,
152
+ '给随机的人添加class使可以单独修改样式' ,
153
+ '增加错误提示'
154
+ ]
155
+ } ,
156
+ {
157
+ ver : 'v2.0.0' ,
158
+ details : [
159
+ '使用pyqt编写,解决了全屏放映时打开麻烦的麻烦' ,
160
+ 'ui部分借鉴了element.ui'
161
+ ]
162
+ } ,
163
+ {
164
+ ver : 'v2.0.1' ,
165
+ details : [
166
+ '修改了部分ui'
167
+ ]
168
+ } , {
169
+ ver : 'v2.0.2' ,
170
+ details : [
171
+ '使用pyqtwebengine,使用以前的ui'
172
+ ]
173
+ } , {
174
+ ver : 'v2.0.3' ,
175
+ details : [
176
+ '导入1~12班姓名及选课' ,
177
+ '配置文件可以自定义班级' ,
178
+ '增添了部分bug'
179
+ ]
180
+ } , {
181
+ ver : 'v2.0.4' ,
182
+ details : [
183
+ '增加了班级概况'
184
+ ]
185
+ } , {
186
+ ver : 'v2.0.5' ,
187
+ details : [
188
+ '增加了更新日志' ,
189
+ '解决了时间延迟的问题' ,
190
+ '新增了多种动画过渡效果' ,
191
+ '修改了部分ui'
192
+ ]
193
+ } , {
194
+ ver : 'v2.0.6(最终版)' ,
195
+ details : [
196
+ '修改了部分ui'
197
+ ]
198
+ } , {
199
+ ver : 'v2.0.6(最终版)' ,
200
+ details : [
201
+ '修改了部分ui' ,
202
+ '新增了Advanced Settings' ,
203
+ '新增Console用于debug'
204
+ ]
205
+ }
206
+ ]
207
+ } ,
208
+ computed : {
209
+ rupdateLogs : function ( ) {
210
+ return this . updateLogs . reverse ( )
211
+ }
212
+ }
213
+ } )
214
+ $ ( '.ui.accordion' )
215
+ . accordion ( )
216
+ ;
217
+ </ script >
218
+ </ body >
219
+
220
+ </ html >
0 commit comments