梁美英 / programming · Commits

Commit dac234f82c466187d20b2784a7cbbe1b7e68ed9c

Authored by ykxie
1 parent 8d96160a

fix style and function

Inline Side-by-side
Showing 13 changed files with 189 additions and 80 deletions
src/css/ide.css
  View file @dac234f
... ... @@ -61,9 +61,6 @@ ul.ztree li span.button.add {
61 61 float: left;
62 62 border-bottom: 0; }
63 63  
64   -.programing #resultoutput .tab-pane {
65   - padding: 0 48px; }
66   -
67 64 .programing .record-title .nav-tabs > li.active > a, .programing .record-title .nav-tabs > li.active > a:hover, .programing .record-title .nav-tabs > li.active > a:focus {
68 65 color: #fff; }
69 66  
... ... @@ -77,6 +74,9 @@ ul.ztree li span.button.add {
77 74 .programing .nav > li > a {
78 75 padding: 0; }
79 76  
  77 +.programing .btn:hover, .programing .btn:focus {
  78 + outline: none; }
  79 +
80 80 .twinkle:before {
81 81 animation: twinkle 1s infinite;
82 82 -webkit-animation: twinkle 1s infinite; }
... ... @@ -109,7 +109,7 @@ ul.ztree li span.button.add {
109 109  
110 110 #stdin .effect-2 {
111 111 border: 0;
112   - padding: 7px 0;
  112 + padding: 12px 0 1px;
113 113 border-bottom: 1px solid #ccc; }
114 114  
115 115 #stdin .effect-2 ~ .focus-border {
... ... @@ -130,13 +130,30 @@ html, body {
130 130 width: 100%;
131 131 height: 100%; }
132 132  
  133 +:active {
  134 + outline: none; }
  135 +
  136 +.CodeMirror,
  137 +.CodeMirror * {
  138 + font-family: monospace !important;
  139 + font-size: 16px; }
  140 +
  141 +.CodeMirror-gutter {
  142 + width: 34px !important;
  143 + min-height: 1000px; }
  144 +
  145 +.ztree li span {
  146 + margin-right: 8px !important; }
  147 +
133 148 .tooltip-inner {
134 149 background-color: transparent;
135 150 color: #1FB6FF;
136 151 padding: 3px 6px; }
137 152  
138 153 .tooltip.top {
139   - background: url("../img/toptip.png") no-repeat; }
  154 + background: url("../img/toptip.png") no-repeat;
  155 + height: 36px;
  156 + top: -28px !important; }
140 157  
141 158 .tooltip.top .tooltip-arrow {
142 159 border-top-color: transparent; }
... ... @@ -206,20 +223,21 @@ html, body {
206 223 height: 200px;
207 224 position: absolute;
208 225 bottom: 60px;
209   - padding-left: 204px; }
  226 + padding-left: 204px;
  227 + z-index: 999;
  228 + overflow: hidden; }
210 229 .console-wrap .CodeMirror-gutter {
211 230 margin-left: 170px; }
212 231 .console-wrap #toolbar {
213 232 width: 100%;
214   - height: 36px;
  233 + height: 40px;
215 234 overflow: hidden;
216   - background-color: #FAFBFC;
  235 + background-color: #F4F6F9;
217 236 padding: 0 36px; }
218 237 .console-wrap #toolbar .result-tabs {
219   - height: 30px;
220 238 border-radius: 30px;
221 239 overflow: hidden;
222   - margin: 3px 10px;
  240 + margin: 5px 10px;
223 241 color: #fff; }
224 242 .console-wrap #toolbar .text {
225 243 color: #1FB6FF; }
... ... @@ -232,7 +250,7 @@ html, body {
232 250 box-shadow: 0px 0px 2px 0px #B3E5FF;
233 251 border: none; }
234 252 .console-wrap #toolbar .result-tabs > li > a, .console-wrap #toolbar .result-tabs > li.active > a:hover {
235   - padding: 4px 36px;
  253 + padding: 4px 21px;
236 254 border: none;
237 255 margin: 1px;
238 256 border-radius: 15px;
... ... @@ -240,17 +258,30 @@ html, body {
240 258 transition: all 0.1s ease; }
241 259 .console-wrap #toolbar .func {
242 260 height: 36px;
243   - padding-top: 3px; }
  261 + padding-top: 5px; }
244 262  
245 263 .btn {
246 264 padding: 3px 18px; }
247 265  
248 266 .compile-btn {
249 267 background: #FFF;
250   - border: 2px solid #3ad5f5;
  268 + border: 1px solid #3ad5f5;
  269 + color: #1FB6FF;
  270 + border-radius: 24px; }
  271 +
  272 +.static-btn {
  273 + background: #999;
  274 + border: 1px solid #3ad5f5;
251 275 color: #1FB6FF;
252 276 border-radius: 24px; }
253 277  
  278 +.static-btn:active {
  279 + outline: none; }
  280 +
  281 +.ladda-button .ladda-spinner {
  282 + width: 26px !important;
  283 + height: 26px !important; }
  284 +
254 285 #resultoutput {
255 286 height: 164px;
256 287 overflow-y: scroll; }
... ... @@ -285,7 +316,7 @@ html, body {
285 316 .pause-shodow {
286 317 position: absolute;
287 318 top: 0;
288   - z-index: 999;
  319 + z-index: 998;
289 320 width: 100%;
290 321 height: 100%;
291 322 background-color: rgba(0, 0, 0, 0.4); }
... ... @@ -324,7 +355,7 @@ html, body {
324 355  
325 356 #countdown {
326 357 display: block;
327   - z-index: 999;
  358 + z-index: 99999;
328 359 width: 100%;
329 360 height: 100%;
330 361 background-color: rgba(0, 0, 0, 0.6);
... ... @@ -400,7 +431,7 @@ html, body {
400 431 width: 100%;
401 432 height: 100%;
402 433 background-color: rgba(0, 0, 0, 0.5);
403   - z-index: 999; }
  434 + z-index: 99999; }
404 435  
405 436 .before, .after {
406 437 position: absolute;
... ... @@ -428,3 +459,10 @@ html, body {
428 459 .before .recording-time {
429 460 height: 36px;
430 461 line-height: 36px; }
  462 +
  463 +.stdin-wrap {
  464 + margin: 0 48px;
  465 + position: relative; }
  466 +
  467 +#stderr, #cmpinfo, #output {
  468 + padding: 12px 36px; }
... ...
src/css/main.css
  View file @dac234f
... ... @@ -2,13 +2,30 @@ html, body {
2 2 width: 100%;
3 3 height: 100%; }
4 4  
  5 +:active {
  6 + outline: none; }
  7 +
  8 +.CodeMirror,
  9 +.CodeMirror * {
  10 + font-family: monospace !important;
  11 + font-size: 16px; }
  12 +
  13 +.CodeMirror-gutter {
  14 + width: 34px !important;
  15 + min-height: 1000px; }
  16 +
  17 +.ztree li span {
  18 + margin-right: 8px !important; }
  19 +
5 20 .tooltip-inner {
6 21 background-color: transparent;
7 22 color: #1FB6FF;
8 23 padding: 3px 6px; }
9 24  
10 25 .tooltip.top {
11   - background: url("../img/toptip.png") no-repeat; }
  26 + background: url("../img/toptip.png") no-repeat;
  27 + height: 36px;
  28 + top: -28px !important; }
12 29  
13 30 .tooltip.top .tooltip-arrow {
14 31 border-top-color: transparent; }
... ... @@ -78,20 +95,21 @@ html, body {
78 95 height: 200px;
79 96 position: absolute;
80 97 bottom: 60px;
81   - padding-left: 204px; }
  98 + padding-left: 204px;
  99 + z-index: 999;
  100 + overflow: hidden; }
82 101 .console-wrap .CodeMirror-gutter {
83 102 margin-left: 170px; }
84 103 .console-wrap #toolbar {
85 104 width: 100%;
86   - height: 36px;
  105 + height: 40px;
87 106 overflow: hidden;
88   - background-color: #FAFBFC;
  107 + background-color: #F4F6F9;
89 108 padding: 0 36px; }
90 109 .console-wrap #toolbar .result-tabs {
91   - height: 30px;
92 110 border-radius: 30px;
93 111 overflow: hidden;
94   - margin: 3px 10px;
  112 + margin: 5px 10px;
95 113 color: #fff; }
96 114 .console-wrap #toolbar .text {
97 115 color: #1FB6FF; }
... ... @@ -104,7 +122,7 @@ html, body {
104 122 box-shadow: 0px 0px 2px 0px #B3E5FF;
105 123 border: none; }
106 124 .console-wrap #toolbar .result-tabs > li > a, .console-wrap #toolbar .result-tabs > li.active > a:hover {
107   - padding: 4px 36px;
  125 + padding: 4px 21px;
108 126 border: none;
109 127 margin: 1px;
110 128 border-radius: 15px;
... ... @@ -112,17 +130,30 @@ html, body {
112 130 transition: all 0.1s ease; }
113 131 .console-wrap #toolbar .func {
114 132 height: 36px;
115   - padding-top: 3px; }
  133 + padding-top: 5px; }
116 134  
117 135 .btn {
118 136 padding: 3px 18px; }
119 137  
120 138 .compile-btn {
121 139 background: #FFF;
122   - border: 2px solid #3ad5f5;
  140 + border: 1px solid #3ad5f5;
  141 + color: #1FB6FF;
  142 + border-radius: 24px; }
  143 +
  144 +.static-btn {
  145 + background: #999;
  146 + border: 1px solid #3ad5f5;
123 147 color: #1FB6FF;
124 148 border-radius: 24px; }
125 149  
  150 +.static-btn:active {
  151 + outline: none; }
  152 +
  153 +.ladda-button .ladda-spinner {
  154 + width: 26px !important;
  155 + height: 26px !important; }
  156 +
126 157 #resultoutput {
127 158 height: 164px;
128 159 overflow-y: scroll; }
... ... @@ -157,7 +188,7 @@ html, body {
157 188 .pause-shodow {
158 189 position: absolute;
159 190 top: 0;
160   - z-index: 999;
  191 + z-index: 998;
161 192 width: 100%;
162 193 height: 100%;
163 194 background-color: rgba(0, 0, 0, 0.4); }
... ... @@ -196,7 +227,7 @@ html, body {
196 227  
197 228 #countdown {
198 229 display: block;
199   - z-index: 999;
  230 + z-index: 99999;
200 231 width: 100%;
201 232 height: 100%;
202 233 background-color: rgba(0, 0, 0, 0.6);
... ... @@ -272,7 +303,7 @@ html, body {
272 303 width: 100%;
273 304 height: 100%;
274 305 background-color: rgba(0, 0, 0, 0.5);
275   - z-index: 999; }
  306 + z-index: 99999; }
276 307  
277 308 .before, .after {
278 309 position: absolute;
... ... @@ -300,3 +331,10 @@ html, body {
300 331 .before .recording-time {
301 332 height: 36px;
302 333 line-height: 36px; }
  334 +
  335 +.stdin-wrap {
  336 + margin: 0 48px;
  337 + position: relative; }
  338 +
  339 +#stderr, #cmpinfo, #output {
  340 + padding: 12px 36px; }
... ...
src/css/recording.css
  View file @dac234f
... ... @@ -30,7 +30,7 @@
30 30  
31 31 #stdin .effect-2 {
32 32 border: 0;
33   - padding: 7px 0;
  33 + padding: 12px 0 1px;
34 34 border-bottom: 1px solid #ccc; }
35 35  
36 36 #stdin .effect-2 ~ .focus-border {
... ...
src/css/reset.css
  View file @dac234f
... ... @@ -49,7 +49,7 @@ table {
49 49  
50 50 /* custom */
51 51 a {
52   - color: #dadada;
  52 + color: rgba(255, 255, 255, 0.6);
53 53 text-decoration: none;
54 54 -webkit-backface-visibility: hidden;
55 55 }
... ...
src/gxb-ide/CodingEditer.js
  View file @dac234f
... ... @@ -52,7 +52,7 @@
52 52 },
53 53 initCodeMirror: function(langid){
54 54 var treeLinkEditor = Dir.treeLinkEditor;
55   - var langid = getQuery('languageid');
  55 + var langid = getQuery('languageid') || Dir.languageid;
56 56 initProgramPage(treeLinkEditor, langid);
57 57 },
58 58 /**
... ... @@ -292,6 +292,7 @@
292 292 // 生成 CodeMirror
293 293 for (var i = 0; i < treeLinkEditor.length; i++) {
294 294 var modeNameItem = modeName[i] || modeName[0];
  295 + console.log('00000----------------------00000000')
295 296 console.log(modeNameItem)
296 297 // 判断是否是播放页面，如果是则不显示录制区相关dom
297 298 if(!Dir.isReplayPage){
... ...
src/gxb-ide/Dir.js
  View file @dac234f
... ... @@ -609,6 +609,10 @@
609 609 initTrigger(coderecords)
610 610  
611 611 AudioPlayer(audioUrl)
  612 +
  613 + // 请求玩立刻执行
  614 + $.AudioPlayer.play()
  615 +
612 616 },
613 617 error: function(error) {
614 618 console.log(error)
... ...
src/gxb-ide/Iterm.js
  View file @dac234f
... ... @@ -45,7 +45,7 @@
45 45 }else{
46 46  
47 47 if (_this.compileStatus && !_this.isCompile) {
48   - $('#CompileBtn').removeClass('compile-btn');
  48 + $('#CompileBtn').removeClass('compile-btn').addClass('static-btn');
49 49 Hourglass.pauseTimer(); // 暂停计时器
50 50 if (role == 0) {
51 51 recorder.pause(); // 音频暂停
... ... @@ -132,7 +132,7 @@
132 132 }
133 133 CodingEditer.record_startime = new Date().getTime();
134 134  
135   - $('#CompileBtn').addClass('compile-btn');
  135 + $('#CompileBtn').addClass('compile-btn').removeClass('static-btn');
136 136 isCompile = false;
137 137 }
138 138  
... ...
src/img/full-screen-icon.svg
  View file @dac234f
1 1 <?xml version="1.0" encoding="UTF-8"?>
2   -<svg width="42px" height="42px" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  2 +<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 3 <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
4 4 <title>全屏</title>
5 5 <desc>Created with Sketch.</desc>
6 6 <defs>
7   - <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1">
8   - <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
9   - <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
10   - <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
11   - <feMerge>
12   - <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
13   - <feMergeNode in="SourceGraphic"></feMergeNode>
14   - </feMerge>
15   - </filter>
16   - <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-2">
  7 + <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
17 8 <stop stop-color="#41DCFF" offset="0%"></stop>
18 9 <stop stop-color="#1FB6FF" offset="100%"></stop>
19 10 </linearGradient>
20   - <rect id="path-3" x="0" y="0" width="32" height="32" rx="16"></rect>
21   - <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
  11 + <rect id="path-2" x="0" y="0" width="32" height="32" rx="16"></rect>
  12 + <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-3">
22 13 <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
23 14 <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
24 15 <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
25 16 <feColorMatrix values="0 0 0 0 0.7 0 0 0 0 0.9 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
26 17 </filter>
27   - <mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="32" height="32" fill="white">
28   - <use xlink:href="#path-3"></use>
  18 + <mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="32" height="32" fill="white">
  19 + <use xlink:href="#path-2"></use>
29 20 </mask>
30 21 </defs>
31 22 <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
32   - <g id="03-班次-录制编程界面-其他语言-copy-3" transform="translate(-1124.000000, -714.000000)">
  23 + <g id="03-班次-录制编程界面-其他语言-copy-3" transform="translate(-1127.000000, -715.000000)">
33 24 <g id="右侧运行窗口" transform="translate(225.000000, 712.000000)">
34   - <g id="全屏" filter="url(#filter-1)" transform="translate(904.000000, 5.000000)">
  25 + <g id="全屏" transform="translate(904.000000, 5.000000)">
35 26 <g id="Rectangle-14-Copy">
36   - <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
37   - <use stroke="url(#linearGradient-2)" mask="url(#mask-5)" stroke-width="2" fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
  27 + <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
  28 + <use stroke="url(#linearGradient-1)" mask="url(#mask-4)" stroke-width="2" fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-2"></use>
38 29 </g>
39 30 <path d="M7.53846154,22.1538462 L11.3868999,22.1538462 C11.8053567,22.1538462 12.1538462,22.4982425 12.1538462,22.9230769 C12.1538462,23.3508732 11.8104726,23.6923077 11.3868999,23.6923077 L6.76694626,23.6923077 C6.5580929,23.6923077 6.36666872,23.606517 6.22730211,23.4677533 C6.08505527,23.3282023 6,23.1367711 6,22.9253614 L6,18.3054078 C6,17.886951 6.34439635,17.5384615 6.76923077,17.5384615 C7.19702706,17.5384615 7.53846154,17.8818351 7.53846154,18.3054078 L7.53846154,22.1538462 Z M6.22537503,8.5311432 C6.364106,8.39274731 6.55553689,8.30769231 6.76694626,8.30769231 L11.3868999,8.30769231 C11.8053567,8.30769231 12.1538462,8.65208865 12.1538462,9.07692308 C12.1538462,9.50471937 11.8104726,9.84615385 11.3868999,9.84615385 L7.53846154,9.84615385 L7.53846154,13.6945922 C7.53846154,14.113049 7.19406519,14.4615385 6.76923077,14.4615385 C6.34143448,14.4615385 6,14.1181649 6,13.6945922 L6,9.07463857 C6,8.8657849 6.08579095,8.67436047 6.22455504,8.5349938 Z M24.4615385,22.1538462 L20.6131001,22.1538462 C20.1946433,22.1538462 19.8461538,22.4982425 19.8461538,22.9230769 C19.8461538,23.3508732 20.1895274,23.6923077 20.6131001,23.6923077 L25.2330537,23.6923077 C25.4419071,23.6923077 25.6333313,23.606517 25.7726979,23.4677533 C25.9149447,23.3282023 26,23.1367711 26,22.9253614 L26,18.3054078 C26,17.886951 25.6556037,17.5384615 25.2307692,17.5384615 C24.8029729,17.5384615 24.4615385,17.8818351 24.4615385,18.3054078 L24.4615385,22.1538462 Z M25.774625,8.5311432 C25.635894,8.39274731 25.4444631,8.30769231 25.2330537,8.30769231 L20.6131001,8.30769231 C20.1946433,8.30769231 19.8461538,8.65208865 19.8461538,9.07692308 C19.8461538,9.50471937 20.1895274,9.84615385 20.6131001,9.84615385 L24.4615385,9.84615385 L24.4615385,13.6945922 C24.4615385,14.113049 24.8059348,14.4615385 25.2307692,14.4615385 C25.6585655,14.4615385 26,14.1181649 26,13.6945922 L26,9.07463857 C26,8.8657849 25.914209,8.67436047 25.775445,8.5349938 Z" id="放大-copy" fill="#1FB6FF"></path>
40 31 </g>
... ...
src/scss/_animation.scss
  View file @dac234f
... ... @@ -26,6 +26,6 @@
26 26  
27 27 #stdin input[type="text"]{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px;padding-left: 12px;}
28 28  
29   -#stdin .effect-2{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc;}
  29 +#stdin .effect-2{border: 0; padding: 12px 0 1px; border-bottom: 1px solid #ccc;}
30 30 #stdin .effect-2 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #62DCF5; transition: 1s;}
31 31 #stdin .effect-2:focus ~ .focus-border{width: 100%; transition: 1s; left: 0;}
32 32 \ No newline at end of file
... ...
src/scss/_bootstrapReset.scss
  View file @dac234f
... ... @@ -3,12 +3,7 @@
3 3 float: left;
4 4 border-bottom: 0;
5 5 }
6   - #resultoutput{
7   - .tab-pane{
8   - padding: 0 48px;
9   - }
10   - }
11   -
  6 +
12 7 .record-title{
13 8 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
14 9 color: #fff;
... ... @@ -26,6 +21,9 @@
26 21 .nav>li>a{
27 22 padding: 0;
28 23 }
  24 + .btn:hover, .btn:focus{
  25 + outline: none;
  26 + }
29 27  
30 28 }
31 29  
... ...
src/scss/main.scss
  View file @dac234f
... ... @@ -2,7 +2,21 @@ html, body{
2 2 width: 100%;
3 3 height: 100%;
4 4 }
5   -
  5 +:active {
  6 + outline: none;
  7 +}
  8 +.CodeMirror,
  9 +.CodeMirror * {
  10 + font-family: monospace !important;
  11 + font-size: 16px;
  12 +}
  13 +.CodeMirror-gutter{
  14 + width: 34px !important;
  15 + min-height: 1000px;
  16 +}
  17 +.ztree li span{
  18 + margin-right: 8px !important;
  19 +}
6 20 .tooltip-inner{
7 21 background-color: transparent;
8 22 color: #1FB6FF;
... ... @@ -10,6 +24,8 @@ html, body{
10 24 }
11 25 .tooltip.top{
12 26 background: url('../img/toptip.png') no-repeat;
  27 + height: 36px;
  28 + top: -28px !important;
13 29 }
14 30 .tooltip.top .tooltip-arrow{
15 31 // border-top-color: #1FB6FF;
... ... @@ -105,22 +121,24 @@ html, body{
105 121 position: absolute;
106 122 bottom: 60px;
107 123 padding-left: 204px;
  124 + z-index: 999;
  125 + overflow: hidden;
108 126 .CodeMirror-gutter{
109 127 margin-left: 170px;
110 128 }
111 129  
112 130 #toolbar{
113 131 width: 100%;
114   - height: 36px;
  132 + height: 40px;
115 133 overflow: hidden;
116   - background-color: #FAFBFC;
  134 + background-color: #F4F6F9;
117 135 padding: 0 36px;
118 136 .result-tabs{
119   - height: 30px;
  137 + // height: 30px;
120 138 border-radius: 30px;
121 139 // background-color: #62DCF5;
122 140 overflow: hidden;
123   - margin: 3px 10px;
  141 + margin: 5px 10px;
124 142 color: #fff;
125 143 }
126 144 .text{
... ... @@ -137,7 +155,7 @@ html, body{
137 155 border: none;
138 156 }
139 157 .result-tabs>li>a, .result-tabs>li.active>a:hover{
140   - padding: 4px 36px;
  158 + padding: 4px 21px;
141 159 border: none;
142 160 margin: 1px;
143 161 border-radius: 15px;
... ... @@ -148,7 +166,7 @@ html, body{
148 166  
149 167 .func{
150 168 height: 36px;
151   - padding-top: 3px;
  169 + padding-top: 5px;
152 170 }
153 171 }
154 172 }
... ... @@ -162,10 +180,23 @@ html, body{
162 180 // -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
163 181 // transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
164 182 background: #FFF;
165   - border: 2px solid #3ad5f5;
  183 + border: 1px solid #3ad5f5;
  184 + color: #1FB6FF;
  185 + border-radius: 24px;
  186 +}
  187 +.static-btn{
  188 + background: #999;
  189 + border: 1px solid #3ad5f5;
166 190 color: #1FB6FF;
167 191 border-radius: 24px;
168 192 }
  193 +.static-btn:active{
  194 + outline: none
  195 +}
  196 +.ladda-button .ladda-spinner{
  197 + width: 26px !important;
  198 + height: 26px !important;
  199 +}
169 200  
170 201 #full-screen, #back-screen{
171 202 }
... ... @@ -216,7 +247,7 @@ html, body{
216 247 .pause-shodow{
217 248 position: absolute;
218 249 top: 0;
219   - z-index: 999;
  250 + z-index: 998;
220 251 width: 100%;
221 252 height: 100%;
222 253 background-color: rgba(0,0,0,0.4);
... ... @@ -268,7 +299,7 @@ html, body{
268 299 // 开始录制动画
269 300 #countdown{
270 301 display: block;
271   - z-index: 999;
  302 + z-index: 99999;
272 303 width: 100%;
273 304 height: 100%;
274 305 background-color: rgba(0, 0, 0, 0.6);
... ... @@ -360,7 +391,7 @@ html, body{
360 391 width: 100%;
361 392 height: 100%;
362 393 background-color: rgba(0,0,0,0.5);
363   - z-index: 999;
  394 + z-index: 99999;
364 395 }
365 396  
366 397 .before, .after{
... ... @@ -391,8 +422,13 @@ html, body{
391 422 height: 36px;
392 423 line-height: 36px;
393 424 }
  425 +.stdin-wrap{
  426 + margin: 0 48px;
  427 + position: relative;
  428 +}
394 429  
395   -
396   -
  430 +#stderr, #cmpinfo, #output{
  431 + padding: 12px 36px;
  432 +}
397 433  
398 434  
... ...
src/v1.1/index.html
  View file @dac234f
... ... @@ -100,8 +100,10 @@
100 100 <div id="resultoutput" class="tab-content need-compile">
101 101 <div class="tab-pane active padall15" id="stdin">
102 102 <!-- <input type="text" class="form-control" id="runtimeArgus" placeholder="标准输入"> -->
103   - <input class="effect-2" id="runtimeArgus" type="text" placeholder="标准输入">
104   - <span class="focus-border"></span>
  103 + <div class="stdin-wrap">
  104 + <input class="effect-2" id="runtimeArgus" type="text" placeholder="标准输入">
  105 + <span class="focus-border"></span>
  106 + </div>
105 107 </div>
106 108 <div class="tab-pane padall15" id="cmpinfo"></div>
107 109 <div class="tab-pane padall15" id="stderr"></div>
... ...
src/v1.1/player.html
  View file @dac234f
... ... @@ -4,22 +4,21 @@
4 4 <meta charset="UTF-8">
5 5 <title></title>
6 6 <link rel="stylesheet" href="../css/responsive/css/bootstrap.min.css">
7   - <link href="../css/codemirror.css" rel="stylesheet">
  7 + <!-- <link href="../css/codemirror.css" rel="stylesheet"> -->
8 8 <link href="../css/reset.css" rel="stylesheet">
9 9 <link rel="stylesheet" href="../js/audioPlayer/theme.default.css">
10 10 <link rel="stylesheet" href="../js/zTree_v3-3.5.27/css/zTreeStyle/zTreeStyle.css">
11 11  
12 12 <link href="../common/fonts/iconfont.css" rel="stylesheet">
13 13  
  14 + <link href="../css/codemirror.css" rel="stylesheet">
14 15 <link href="../css/cm-theme/gbtags.css" rel="stylesheet">
15   - <link href="../css/cm-theme/eclipse.css" rel="stylesheet">
  16 + <link href="../css/cm-theme/erlang-dark.css" rel="stylesheet">
16 17 <link href="../css/cm-theme/gbtags-dark.css" rel="stylesheet">
17 18  
18 19 <link rel="stylesheet" href="../gxb-ide/toolBox.css">
19 20 <link rel="stylesheet" href="../css/ide.css">
20 21  
21   -
22   -
23 22 <script>
24 23 var gxb_api = "https://restful.gaoxiaobang.com";
25 24 // var gxb_api = "http://192.168.80.223:8080"
... ... @@ -101,8 +100,10 @@
101 100 <div id="resultoutput" class="tab-content need-compile">
102 101 <div class="tab-pane active padall15" id="stdin">
103 102 <!-- <input type="text" class="form-control" id="runtimeArgus" placeholder="标准输入"> -->
104   - <input class="effect-2" id="runtimeArgus" type="text" placeholder="标准输入">
105   - <span class="focus-border"></span>
  103 + <div class="stdin-wrap">
  104 + <input class="effect-2" id="runtimeArgus" type="text" placeholder="标准输入">
  105 + <span class="focus-border"></span>
  106 + </div>
106 107 </div>
107 108 <div class="tab-pane padall15" id="cmpinfo"></div>
108 109 <div class="tab-pane padall15" id="stderr"></div>
... ...