梁美英 / programming · Commits

Commit 9f30931bca091f3dab7189ab43350a73890fa923

Authored by ykxie
1 parent d24c6338

修改样式

Inline Side-by-side
Showing 23 changed files with 356 additions and 56 deletions
src/common/fonts/demo_fontclass.html
  View file @9f30931
@@ -25,18 +25,42 @@ @@ -25,18 +25,42 @@
25 </li> 25 </li>
26 26
27 <li> 27 <li>
  28 + <i class="icon iconfont icon-bofang"></i>
  29 + <div class="name">播放</div>
  30 + <div class="fontclass">.icon-bofang</div>
  31 + </li>
  32 +
  33 + <li>
28 <i class="icon iconfont icon-quanping1"></i> 34 <i class="icon iconfont icon-quanping1"></i>
29 <div class="name">全屏</div> 35 <div class="name">全屏</div>
30 <div class="fontclass">.icon-quanping1</div> 36 <div class="fontclass">.icon-quanping1</div>
31 </li> 37 </li>
32 38
33 <li> 39 <li>
  40 + <i class="icon iconfont icon-weibiaoti1"></i>
  41 + <div class="name">播放</div>
  42 + <div class="fontclass">.icon-weibiaoti1</div>
  43 + </li>
  44 +
  45 + <li>
34 <i class="icon iconfont icon-luzhi"></i> 46 <i class="icon iconfont icon-luzhi"></i>
35 <div class="name">录制</div> 47 <div class="name">录制</div>
36 <div class="fontclass">.icon-luzhi</div> 48 <div class="fontclass">.icon-luzhi</div>
37 </li> 49 </li>
38 50
39 <li> 51 <li>
  52 + <i class="icon iconfont icon-tingzhi"></i>
  53 + <div class="name">停止</div>
  54 + <div class="fontclass">.icon-tingzhi</div>
  55 + </li>
  56 +
  57 + <li>
  58 + <i class="icon iconfont icon-zhongxin"></i>
  59 + <div class="name">重新</div>
  60 + <div class="fontclass">.icon-zhongxin</div>
  61 + </li>
  62 +
  63 + <li>
40 <i class="icon iconfont icon-luying"></i> 64 <i class="icon iconfont icon-luying"></i>
41 <div class="name">悬赏问题详情-录制按钮</div> 65 <div class="name">悬赏问题详情-录制按钮</div>
42 <div class="fontclass">.icon-luying</div> 66 <div class="fontclass">.icon-luying</div>
src/common/fonts/demo_symbol.html
  View file @9f30931
@@ -45,6 +45,14 @@ @@ -45,6 +45,14 @@
45 45
46 <li> 46 <li>
47 <svg class="icon" aria-hidden="true"> 47 <svg class="icon" aria-hidden="true">
  48 + <use xlink:href="#icon-bofang"></use>
  49 + </svg>
  50 + <div class="name">播放</div>
  51 + <div class="fontclass">#icon-bofang</div>
  52 + </li>
  53 +
  54 + <li>
  55 + <svg class="icon" aria-hidden="true">
48 <use xlink:href="#icon-quanping1"></use> 56 <use xlink:href="#icon-quanping1"></use>
49 </svg> 57 </svg>
50 <div class="name">全屏</div> 58 <div class="name">全屏</div>
@@ -53,6 +61,14 @@ @@ -53,6 +61,14 @@
53 61
54 <li> 62 <li>
55 <svg class="icon" aria-hidden="true"> 63 <svg class="icon" aria-hidden="true">
  64 + <use xlink:href="#icon-weibiaoti1"></use>
  65 + </svg>
  66 + <div class="name">播放</div>
  67 + <div class="fontclass">#icon-weibiaoti1</div>
  68 + </li>
  69 +
  70 + <li>
  71 + <svg class="icon" aria-hidden="true">
56 <use xlink:href="#icon-luzhi"></use> 72 <use xlink:href="#icon-luzhi"></use>
57 </svg> 73 </svg>
58 <div class="name">录制</div> 74 <div class="name">录制</div>
@@ -61,6 +77,22 @@ @@ -61,6 +77,22 @@
61 77
62 <li> 78 <li>
63 <svg class="icon" aria-hidden="true"> 79 <svg class="icon" aria-hidden="true">
  80 + <use xlink:href="#icon-tingzhi"></use>
  81 + </svg>
  82 + <div class="name">停止</div>
  83 + <div class="fontclass">#icon-tingzhi</div>
  84 + </li>
  85 +
  86 + <li>
  87 + <svg class="icon" aria-hidden="true">
  88 + <use xlink:href="#icon-zhongxin"></use>
  89 + </svg>
  90 + <div class="name">重新</div>
  91 + <div class="fontclass">#icon-zhongxin</div>
  92 + </li>
  93 +
  94 + <li>
  95 + <svg class="icon" aria-hidden="true">
64 <use xlink:href="#icon-luying"></use> 96 <use xlink:href="#icon-luying"></use>
65 </svg> 97 </svg>
66 <div class="name">悬赏问题详情-录制按钮</div> 98 <div class="name">悬赏问题详情-录制按钮</div>
src/common/fonts/demo_unicode.html
  View file @9f30931
@@ -45,18 +45,42 @@ @@ -45,18 +45,42 @@
45 </li> 45 </li>
46 46
47 <li> 47 <li>
  48 + <i class="icon iconfont">&#xe628;</i>
  49 + <div class="name">播放</div>
  50 + <div class="code">&amp;#xe628;</div>
  51 + </li>
  52 +
  53 + <li>
48 <i class="icon iconfont">&#xe665;</i> 54 <i class="icon iconfont">&#xe665;</i>
49 <div class="name">全屏</div> 55 <div class="name">全屏</div>
50 <div class="code">&amp;#xe665;</div> 56 <div class="code">&amp;#xe665;</div>
51 </li> 57 </li>
52 58
53 <li> 59 <li>
  60 + <i class="icon iconfont">&#xe609;</i>
  61 + <div class="name">播放</div>
  62 + <div class="code">&amp;#xe609;</div>
  63 + </li>
  64 +
  65 + <li>
54 <i class="icon iconfont">&#xe60e;</i> 66 <i class="icon iconfont">&#xe60e;</i>
55 <div class="name">录制</div> 67 <div class="name">录制</div>
56 <div class="code">&amp;#xe60e;</div> 68 <div class="code">&amp;#xe60e;</div>
57 </li> 69 </li>
58 70
59 <li> 71 <li>
  72 + <i class="icon iconfont">&#xe63a;</i>
  73 + <div class="name">停止</div>
  74 + <div class="code">&amp;#xe63a;</div>
  75 + </li>
  76 +
  77 + <li>
  78 + <i class="icon iconfont">&#xe650;</i>
  79 + <div class="name">重新</div>
  80 + <div class="code">&amp;#xe650;</div>
  81 + </li>
  82 +
  83 + <li>
60 <i class="icon iconfont">&#xe63f;</i> 84 <i class="icon iconfont">&#xe63f;</i>
61 <div class="name">悬赏问题详情-录制按钮</div> 85 <div class="name">悬赏问题详情-录制按钮</div>
62 <div class="code">&amp;#xe63f;</div> 86 <div class="code">&amp;#xe63f;</div>
src/common/fonts/iconfont.css
  View file @9f30931
1 1
2 @font-face {font-family: "iconfont"; 2 @font-face {font-family: "iconfont";
3 - src: url('iconfont.eot?t=1489400188895'); /* IE9*/  
4 - src: url('iconfont.eot?t=1489400188895#iefix') format('embedded-opentype'), /* IE6-IE8 */  
5 - url('iconfont.woff?t=1489400188895') format('woff'), /* chrome, firefox */  
6 - url('iconfont.ttf?t=1489400188895') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/  
7 - url('iconfont.svg?t=1489400188895#iconfont') format('svg'); /* iOS 4.1- */ 3 + src: url('iconfont.eot?t=1493207634822'); /* IE9*/
  4 + src: url('iconfont.eot?t=1493207634822#iefix') format('embedded-opentype'), /* IE6-IE8 */
  5 + url('iconfont.woff?t=1493207634822') format('woff'), /* chrome, firefox */
  6 + url('iconfont.ttf?t=1493207634822') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  7 + url('iconfont.svg?t=1493207634822#iconfont') format('svg'); /* iOS 4.1- */
8 } 8 }
9 9
10 .iconfont { 10 .iconfont {
@@ -19,9 +19,17 @@ @@ -19,9 +19,17 @@
19 19
20 .icon-quanping:before { content: "\e643"; } 20 .icon-quanping:before { content: "\e643"; }
21 21
  22 +.icon-bofang:before { content: "\e628"; }
  23 +
22 .icon-quanping1:before { content: "\e665"; } 24 .icon-quanping1:before { content: "\e665"; }
23 25
  26 +.icon-weibiaoti1:before { content: "\e609"; }
  27 +
24 .icon-luzhi:before { content: "\e60e"; } 28 .icon-luzhi:before { content: "\e60e"; }
25 29
  30 +.icon-tingzhi:before { content: "\e63a"; }
  31 +
  32 +.icon-zhongxin:before { content: "\e650"; }
  33 +
26 .icon-luying:before { content: "\e63f"; } 34 .icon-luying:before { content: "\e63f"; }
27 35
src/common/fonts/iconfont.eot
View file @9f30931
No preview for this file type
src/common/fonts/iconfont.js
  View file @9f30931
@@ -16,18 +16,50 @@ @@ -16,18 +16,50 @@
16 '' + 16 '' +
17 '</symbol>' + 17 '</symbol>' +
18 '' + 18 '' +
  19 + '<symbol id="icon-bofang" viewBox="0 0 1024 1024">' +
  20 + '' +
  21 + '<path d="M512.583314 9.142857c-277.736229 0-502.857143 225.1392-502.857143 502.857143 0 277.736229 225.120914 502.857143 502.857143 502.857143s502.857143-225.120914 502.857143-502.857143C1015.440457 234.282057 790.319543 9.142857 512.583314 9.142857L512.583314 9.142857zM512.583314 943.019886C274.9056 943.019886 81.563429 749.677714 81.563429 512c0-237.661257 193.342171-431.019886 431.019886-431.019886S943.6032 274.338743 943.6032 512C943.6032 749.677714 750.262857 943.019886 512.583314 943.019886L512.583314 943.019886z" ></path>' +
  22 + '' +
  23 + '<path d="M420.677486 743.149714c-2.770286 0-5.5424-0.6656-8.1024-1.963886-6.0672-3.051886-9.856-9.259886-9.856-15.994514L402.719086 314.671543c0-6.6816 3.717486-12.820114 9.645714-15.9232 5.893486-3.086629 13.083429-2.631314 18.554514 1.175771l287.3472 199.899429c4.770743 3.3152 7.647086 8.735086 7.7184 14.520686 0.069486 5.807543-2.666057 11.278629-7.332571 14.716343L431.305143 739.642514C428.149029 741.957486 424.429714 743.149714 420.677486 743.149714z" ></path>' +
  24 + '' +
  25 + '</symbol>' +
  26 + '' +
19 '<symbol id="icon-quanping1" viewBox="0 0 1024 1024">' + 27 '<symbol id="icon-quanping1" viewBox="0 0 1024 1024">' +
20 '' + 28 '' +
21 '<path d="M843.617212 67.898413 175.411567 67.898413c-61.502749 0-111.367437 49.856501-111.367437 111.367437l0 668.205645c0 61.510936 49.864688 111.367437 111.367437 111.367437L843.617212 958.838931c61.510936 0 111.367437-49.856501 111.367437-111.367437L954.984648 179.26585C954.984648 117.754914 905.12917 67.898413 843.617212 67.898413zM398.146441 736.104057c15.380292 0 27.842115 12.461823 27.842115 27.842115 0 15.379269-12.461823 27.841092-27.842115 27.841092L259.725858 791.787264c-7.785314 0-14.781658-3.217275-19.838837-8.365528-5.383614-4.577249-8.791224-11.228739-8.791224-19.475564L231.095797 624.736621c0-15.371082 12.471033-27.842115 27.842115-27.842115 15.380292 0 27.842115 12.471033 27.842115 27.842115l-0.61603 71.426773 133.036969-133.037992 39.378869 39.378869L324.962651 736.113267 398.146441 736.104057zM419.199942 463.611943 286.162974 330.565764l0.61603 71.435982c0 15.380292-12.461823 27.842115-27.842115 27.842115-15.371082 0-27.842115-12.461823-27.842115-27.842115L231.094774 262.791172c0-8.256034 3.40761-14.908548 8.791224-19.476587 5.057179-5.148253 12.053524-8.374738 19.838837-8.374738l138.420583 0.00921c15.380292 0 27.842115 12.461823 27.842115 27.842115s-12.461823 27.842115-27.842115 27.842115l-73.175603-0.00921 133.607974 133.607974L419.199942 463.611943zM787.932981 763.946172c0 8.247848-3.40761 14.899338-8.791224 19.475564-5.057179 5.148253-12.053524 8.365528-19.839861 8.365528L620.881314 791.787264c-15.379269 0-27.841092-12.461823-27.841092-27.841092 0-15.380292 12.461823-27.842115 27.841092-27.842115l73.185836 0.00921L560.449967 602.50427l39.378869-39.378869L732.875015 696.163393l-0.62524-71.426773c0-15.371082 12.462846-27.842115 27.842115-27.842115 15.380292 0 27.842115 12.471033 27.842115 27.842115L787.934005 763.946172zM787.932981 402.000724c0 15.380292-12.461823 27.842115-27.842115 27.842115-15.379269 0-27.842115-12.461823-27.842115-27.842115l0.62524-71.435982L599.828836 463.611943l-39.378869-39.378869 133.617184-133.607974-73.185836 0.00921c-15.379269 0-27.841092-12.461823-27.841092-27.842115s12.461823-27.842115 27.841092-27.842115l138.421606-0.00921c7.785314 0 14.781658 3.226484 19.839861 8.374738 5.383614 4.568039 8.791224 11.219529 8.791224 19.476587L787.934005 402.000724z" ></path>' + 29 '<path d="M843.617212 67.898413 175.411567 67.898413c-61.502749 0-111.367437 49.856501-111.367437 111.367437l0 668.205645c0 61.510936 49.864688 111.367437 111.367437 111.367437L843.617212 958.838931c61.510936 0 111.367437-49.856501 111.367437-111.367437L954.984648 179.26585C954.984648 117.754914 905.12917 67.898413 843.617212 67.898413zM398.146441 736.104057c15.380292 0 27.842115 12.461823 27.842115 27.842115 0 15.379269-12.461823 27.841092-27.842115 27.841092L259.725858 791.787264c-7.785314 0-14.781658-3.217275-19.838837-8.365528-5.383614-4.577249-8.791224-11.228739-8.791224-19.475564L231.095797 624.736621c0-15.371082 12.471033-27.842115 27.842115-27.842115 15.380292 0 27.842115 12.471033 27.842115 27.842115l-0.61603 71.426773 133.036969-133.037992 39.378869 39.378869L324.962651 736.113267 398.146441 736.104057zM419.199942 463.611943 286.162974 330.565764l0.61603 71.435982c0 15.380292-12.461823 27.842115-27.842115 27.842115-15.371082 0-27.842115-12.461823-27.842115-27.842115L231.094774 262.791172c0-8.256034 3.40761-14.908548 8.791224-19.476587 5.057179-5.148253 12.053524-8.374738 19.838837-8.374738l138.420583 0.00921c15.380292 0 27.842115 12.461823 27.842115 27.842115s-12.461823 27.842115-27.842115 27.842115l-73.175603-0.00921 133.607974 133.607974L419.199942 463.611943zM787.932981 763.946172c0 8.247848-3.40761 14.899338-8.791224 19.475564-5.057179 5.148253-12.053524 8.365528-19.839861 8.365528L620.881314 791.787264c-15.379269 0-27.841092-12.461823-27.841092-27.841092 0-15.380292 12.461823-27.842115 27.841092-27.842115l73.185836 0.00921L560.449967 602.50427l39.378869-39.378869L732.875015 696.163393l-0.62524-71.426773c0-15.371082 12.462846-27.842115 27.842115-27.842115 15.380292 0 27.842115 12.471033 27.842115 27.842115L787.934005 763.946172zM787.932981 402.000724c0 15.380292-12.461823 27.842115-27.842115 27.842115-15.379269 0-27.842115-12.461823-27.842115-27.842115l0.62524-71.435982L599.828836 463.611943l-39.378869-39.378869 133.617184-133.607974-73.185836 0.00921c-15.379269 0-27.841092-12.461823-27.841092-27.842115s12.461823-27.842115 27.841092-27.842115l138.421606-0.00921c7.785314 0 14.781658 3.226484 19.839861 8.374738 5.383614 4.568039 8.791224 11.219529 8.791224 19.476587L787.934005 402.000724z" ></path>' +
22 '' + 30 '' +
23 '</symbol>' + 31 '</symbol>' +
24 '' + 32 '' +
  33 + '<symbol id="icon-weibiaoti1" viewBox="0 0 1024 1024">' +
  34 + '' +
  35 + '<path d="M660.367119 696.447872 660.367119 696.447872c-20.289092 0-36.890188-16.600073-36.890188-36.889165L623.476931 364.441293c0-20.289092 16.600073-36.889165 36.889165-36.889165l0 0c20.289092 0 36.889165 16.600073 36.889165 36.889165l0 295.117414C697.257308 679.847799 680.656211 696.447872 660.367119 696.447872z" ></path>' +
  36 + '' +
  37 + '<path d="M362.630041 696.447872 362.630041 696.447872c-20.289092 0-36.890188-16.600073-36.890188-36.889165L325.739852 364.441293c0-20.289092 16.600073-36.889165 36.889165-36.889165l0 0c20.289092 0 36.889165 16.600073 36.889165 36.889165l0 295.117414C399.519206 679.847799 382.919133 696.447872 362.630041 696.447872z" ></path>' +
  38 + '' +
  39 + '<path d="M512.239454 0.260943c-282.624892 0-511.738034 229.113141-511.738034 511.738034s229.113141 511.738034 511.738034 511.738034 511.738034-229.113141 511.738034-511.738034S794.865369 0.260943 512.239454 0.260943zM512.239454 969.689047c-252.775051 0-457.689047-204.91502-457.689047-457.689047S259.465426 54.30993 512.239454 54.30993s457.689047 204.913996 457.689047 457.689047S765.014504 969.689047 512.239454 969.689047z" ></path>' +
  40 + '' +
  41 + '</symbol>' +
  42 + '' +
25 '<symbol id="icon-luzhi" viewBox="0 0 1024 1024">' + 43 '<symbol id="icon-luzhi" viewBox="0 0 1024 1024">' +
26 '' + 44 '' +
27 '<path d="M624.6 356.8 400.4 356.8c-23.2 0-42 18.8-42 42l0 224.2c0 23.2 18.8 42 42 42l224.2 0c23.2 0 42-18.8 42-42l0-224.2C666.6 375.6 647.8 356.8 624.6 356.8zM512.5 62.5C264.8 62.5 64 263.3 64 511s200.8 448.5 448.5 448.5S961 758.7 961 511 760.2 62.5 512.5 62.5zM512.5 875.4c-201.2 0-364.4-163.1-364.4-364.4 0-201.2 163.2-364.4 364.4-364.4S876.9 309.7 876.9 511 713.7 875.4 512.5 875.4z" ></path>' + 45 '<path d="M624.6 356.8 400.4 356.8c-23.2 0-42 18.8-42 42l0 224.2c0 23.2 18.8 42 42 42l224.2 0c23.2 0 42-18.8 42-42l0-224.2C666.6 375.6 647.8 356.8 624.6 356.8zM512.5 62.5C264.8 62.5 64 263.3 64 511s200.8 448.5 448.5 448.5S961 758.7 961 511 760.2 62.5 512.5 62.5zM512.5 875.4c-201.2 0-364.4-163.1-364.4-364.4 0-201.2 163.2-364.4 364.4-364.4S876.9 309.7 876.9 511 713.7 875.4 512.5 875.4z" ></path>' +
28 '' + 46 '' +
29 '</symbol>' + 47 '</symbol>' +
30 '' + 48 '' +
  49 + '<symbol id="icon-tingzhi" viewBox="0 0 1024 1024">' +
  50 + '' +
  51 + '<path d="M512 0C229.6 0 0 229.6 0 512s229.6 512 512 512 512-229.6 512-512S794.4 0 512 0zM512 928c-229.6 0-416-186.4-416-416s186.4-416 416-416 416 186.4 416 416S741.6 928 512 928z" ></path>' +
  52 + '' +
  53 + '<path d="M319.2 318.4l380.8 0 0 384-380.8 0 0-384Z" ></path>' +
  54 + '' +
  55 + '</symbol>' +
  56 + '' +
  57 + '<symbol id="icon-zhongxin" viewBox="0 0 1024 1024">' +
  58 + '' +
  59 + '<path d="M511.998444 0C240.420987 0 20.48 220.354294 20.48 492.30019 20.48 764.24609 240.419389 984.600379 511.998444 984.600379 783.514911 984.600379 1003.52 764.24609 1003.52 492.30019 1003.52 220.354294 783.514911 0 511.998444 0M511.998444 853.320851C332.759982 853.320851 186.875372 707.270439 186.875372 527.680156 186.875372 348.155646 332.76158 202.105233 511.998444 202.105233L511.998444 131.277963 681.605366 244.571529 511.998444 357.800886 511.998444 287.044088C379.54945 287.044088 271.679611 395.020947 271.679611 527.745929 271.679611 660.470911 379.547894 768.382001 511.998444 768.382001 644.45055 768.382001 752.320389 660.336234 752.320389 527.680156 752.320389 504.249074 771.259761 485.209162 794.655252 485.209162 818.119598 485.209162 837.060526 504.250638 837.060526 527.680156 837.124628 707.270439 691.240018 853.320851 511.998444 853.320851" ></path>' +
  60 + '' +
  61 + '</symbol>' +
  62 + '' +
31 '<symbol id="icon-luying" viewBox="0 0 1024 1024">' + 63 '<symbol id="icon-luying" viewBox="0 0 1024 1024">' +
32 '' + 64 '' +
33 '<path d="M512 0.347136C229.875712 0.347136 0.347136 229.870592 0.347136 512S229.875712 1023.652864 512 1023.652864 1023.652864 794.129408 1023.652864 512 794.124288 0.347136 512 0.347136zM512 1004.345344C240.519168 1004.345344 19.654656 783.475712 19.654656 512S240.519168 19.654656 512 19.654656 1004.345344 240.524288 1004.345344 512 783.480832 1004.345344 512 1004.345344zM506.389504 635.112448l5.518336 0c74.887168 0 135.824384-60.937216 135.824384-135.824384l0-152.36096c0-74.887168-60.937216-135.824384-135.824384-135.824384l-5.518336 0c-74.887168 0-135.824384 60.918784-135.824384 135.824384l0 152.36096C370.56512 574.176256 431.501312 635.112448 506.389504 635.112448zM512 48.64C256.093184 48.64 48.64 256.093184 48.64 512S256.093184 975.36 512 975.36 975.36 767.906816 975.36 512 767.906816 48.64 512 48.64zM343.246848 346.908672c0-89.94816 73.194496-163.142656 163.142656-163.142656l5.518336 0c89.94816 0 163.142656 73.176064 163.142656 163.142656l0 152.361984c0 89.94816-73.194496 163.142656-163.142656 163.142656l-5.518336 0c-89.966592 0-163.142656-73.176064-163.142656-163.14368L343.246848 346.908672zM737.972224 491.165696c0 121.565184-95.357952 221.02016-215.175168 228.141056l0 92.772352 115.465216 0c7.539712 0 13.659136 6.119424 13.659136 13.659136s-6.119424 13.659136-13.659136 13.659136L379.998208 839.397376c-7.539712 0-13.659136-6.119424-13.659136-13.659136 0-7.539712 6.119424-13.659136 13.659136-13.659136l115.4816 0 0-92.772352c-119.817216-7.119872-215.175168-106.575872-215.175168-228.141056l0-57.239552c0-7.539712 6.119424-13.659136 13.659136-13.659136 7.539712 0 13.659136 6.119424 13.659136 13.659136l0 57.240576c0 111.112192 90.386432 201.516032 201.516032 201.516032 111.112192 0 201.516032-90.40384 201.516032-201.516032l0-54.945792c0-7.539712 6.119424-13.659136 13.659136-13.659136s13.659136 6.119424 13.659136 13.658112L737.973248 491.165696z" fill="#e6e6e6" ></path>' + 65 '<path d="M512 0.347136C229.875712 0.347136 0.347136 229.870592 0.347136 512S229.875712 1023.652864 512 1023.652864 1023.652864 794.129408 1023.652864 512 794.124288 0.347136 512 0.347136zM512 1004.345344C240.519168 1004.345344 19.654656 783.475712 19.654656 512S240.519168 19.654656 512 19.654656 1004.345344 240.524288 1004.345344 512 783.480832 1004.345344 512 1004.345344zM506.389504 635.112448l5.518336 0c74.887168 0 135.824384-60.937216 135.824384-135.824384l0-152.36096c0-74.887168-60.937216-135.824384-135.824384-135.824384l-5.518336 0c-74.887168 0-135.824384 60.918784-135.824384 135.824384l0 152.36096C370.56512 574.176256 431.501312 635.112448 506.389504 635.112448zM512 48.64C256.093184 48.64 48.64 256.093184 48.64 512S256.093184 975.36 512 975.36 975.36 767.906816 975.36 512 767.906816 48.64 512 48.64zM343.246848 346.908672c0-89.94816 73.194496-163.142656 163.142656-163.142656l5.518336 0c89.94816 0 163.142656 73.176064 163.142656 163.142656l0 152.361984c0 89.94816-73.194496 163.142656-163.142656 163.142656l-5.518336 0c-89.966592 0-163.142656-73.176064-163.142656-163.14368L343.246848 346.908672zM737.972224 491.165696c0 121.565184-95.357952 221.02016-215.175168 228.141056l0 92.772352 115.465216 0c7.539712 0 13.659136 6.119424 13.659136 13.659136s-6.119424 13.659136-13.659136 13.659136L379.998208 839.397376c-7.539712 0-13.659136-6.119424-13.659136-13.659136 0-7.539712 6.119424-13.659136 13.659136-13.659136l115.4816 0 0-92.772352c-119.817216-7.119872-215.175168-106.575872-215.175168-228.141056l0-57.239552c0-7.539712 6.119424-13.659136 13.659136-13.659136 7.539712 0 13.659136 6.119424 13.659136 13.659136l0 57.240576c0 111.112192 90.386432 201.516032 201.516032 201.516032 111.112192 0 201.516032-90.40384 201.516032-201.516032l0-54.945792c0-7.539712 6.119424-13.659136 13.659136-13.659136s13.659136 6.119424 13.659136 13.658112L737.973248 491.165696z" fill="#e6e6e6" ></path>' +
src/common/fonts/iconfont.svg
  View file @9f30931
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3 <svg xmlns="http://www.w3.org/2000/svg"> 3 <svg xmlns="http://www.w3.org/2000/svg">
4 <metadata> 4 <metadata>
5 -Created by FontForge 20120731 at Mon Mar 13 18:16:28 2017 5 +Created by FontForge 20120731 at Wed Apr 26 19:53:54 2017
6 By admin 6 By admin
7 </metadata> 7 </metadata>
8 <defs> 8 <defs>
@@ -16,7 +16,7 @@ Created by FontForge 20120731 at Mon Mar 13 18:16:28 2017 @@ -16,7 +16,7 @@ Created by FontForge 20120731 at Mon Mar 13 18:16:28 2017
16 ascent="896" 16 ascent="896"
17 descent="-128" 17 descent="-128"
18 x-height="792" 18 x-height="792"
19 - bbox="0 -128 1024 896" 19 + bbox="0 -203 1024 896"
20 underline-thickness="0" 20 underline-thickness="0"
21 underline-position="0" 21 underline-position="0"
22 unicode-range="U+0078-E6BB" 22 unicode-range="U+0078-E6BB"
@@ -43,13 +43,26 @@ d=&quot;M642 428l205 204l-1 -115q0 -8 5 -13t12 -5h13q17 0 17 15l1 173v9q1 8 -4 12q-5 @@ -43,13 +43,26 @@ d=&quot;M642 428l205 204l-1 -115q0 -8 5 -13t12 -5h13q17 0 17 15l1 173v9q1 8 -4 12q-5
43 q-17 0 -17 -15l-1 -173v-9q-1 -8 4 -12q5 -6 12 -5h9v0l172 -1q7 0 12.5 5.5t5.5 12.5v12q-1 9 -7 13.5t-13 4.5l-113 1l205 203q7 7 7 17t-7 17t-17 7t-17 -7v0zM894 -24v173q-1 15 -18 15h-12q-8 1 -13 -4.5t-5 -12.5l1 -116l-205 204q-7 7 -17 7t-17 -7t-7 -17t7 -17 43 q-17 0 -17 -15l-1 -173v-9q-1 -8 4 -12q5 -6 12 -5h9v0l172 -1q7 0 12.5 5.5t5.5 12.5v12q-1 9 -7 13.5t-13 4.5l-113 1l205 203q7 7 7 17t-7 17t-17 7t-17 -7v0zM894 -24v173q-1 15 -18 15h-12q-8 1 -13 -4.5t-5 -12.5l1 -116l-205 204q-7 7 -17 7t-17 -7t-7 -17t7 -17
44 l204 -203l-112 -1q-8 0 -13.5 -4.5t-6.5 -13.5v-12q0 -7 5 -12.5t12 -5.5l172 1v0h9q7 -1 12 5q4 4 4 12v9v0v0zM212 665l113 1q7 0 13 4.5t7 13.5v12q0 7 -5.5 12.5t-12.5 5.5l-172 -1v0h-9q-7 1 -12 -5q-5 -4 -4 -12v-9v-173q1 -15 18 -15h13q7 -1 12 4.5t5 12.5v116 44 l204 -203l-112 -1q-8 0 -13.5 -4.5t-6.5 -13.5v-12q0 -7 5 -12.5t12 -5.5l172 1v0h9q7 -1 12 5q4 4 4 12v9v0v0zM212 665l113 1q7 0 13 4.5t7 13.5v12q0 7 -5.5 12.5t-12.5 5.5l-172 -1v0h-9q-7 1 -12 -5q-5 -4 -4 -12v-9v-173q1 -15 18 -15h13q7 -1 12 4.5t5 12.5v116
45 l205 -204q7 -7 17 -7t17 7t7 17t-7 17l-205 203v0zM212 665z" /> 45 l205 -204q7 -7 17 -7t17 7t7 17t-7 17l-205 203v0zM212 665z" />
  46 + <glyph glyph-name="bofang" unicode="&#xe628;"
  47 +d="M513 803q-103 0 -196 -40t-160.5 -107t-107 -160.5t-39.5 -195.5t39.5 -195.5t107 -160.5t160.5 -107t195.5 -40t195.5 40t160.5 107t107 160.5t39.5 195.5t-39.5 195.5t-107 160.5t-160.5 107t-195 40v0zM513 -131q-117 0 -216.5 57.5t-157 157t-57.5 216.5t57.5 216.5
  48 +t157 157t216 57.5t216 -57.5t157.5 -157t58 -216.5t-58 -216.5t-157.5 -157t-215.5 -57.5v0zM421 69q-5 0 -8 2q-10 5 -10 16v410q0 11 9.5 16t18.5 -1l287 -200q8 -5 8 -14.5t-7 -14.5l-288 -211q-4 -3 -10 -3z" />
46 <glyph glyph-name="quanping1" unicode="&#xe665;" 49 <glyph glyph-name="quanping1" unicode="&#xe665;"
47 d="M844 828h-669q-46 0 -78.5 -32.5t-32.5 -78.5v-668q0 -47 32.5 -79.5t78.5 -32.5h669q46 0 78.5 32.5t32.5 79.5v668q0 46 -32.5 78.5t-78.5 32.5zM398 160q12 0 20 -8t8 -19.5t-8 -20t-20 -8.5h-138q-12 0 -20 9q-9 7 -9 19v139q0 12 8 20t19.5 8t20 -8t8.5 -20l-1 -71 50 d="M844 828h-669q-46 0 -78.5 -32.5t-32.5 -78.5v-668q0 -47 32.5 -79.5t78.5 -32.5h669q46 0 78.5 32.5t32.5 79.5v668q0 46 -32.5 78.5t-78.5 32.5zM398 160q12 0 20 -8t8 -19.5t-8 -20t-20 -8.5h-138q-12 0 -20 9q-9 7 -9 19v139q0 12 8 20t19.5 8t20 -8t8.5 -20l-1 -71
48 l133 133l40 -40l-134 -133h73zM419 432l-133 133l1 -71q0 -12 -8.5 -20t-20 -8t-19.5 8t-8 20v139q0 12 9 20q8 8 20 8h138q12 0 20 -8t8 -19.5t-8 -20t-20 -8.5h-73l134 -133zM788 132q0 -12 -9 -19q-8 -9 -20 -9h-138q-12 0 -20 8.5t-8 20t8 19.5t20 8h73l-134 133l40 40 51 l133 133l40 -40l-134 -133h73zM419 432l-133 133l1 -71q0 -12 -8.5 -20t-20 -8t-19.5 8t-8 20v139q0 12 9 20q8 8 20 8h138q12 0 20 -8t8 -19.5t-8 -20t-20 -8.5h-73l134 -133zM788 132q0 -12 -9 -19q-8 -9 -20 -9h-138q-12 0 -20 8.5t-8 20t8 19.5t20 8h73l-134 133l40 40
49 l133 -133l-1 71q0 12 8.5 20t20 8t19.5 -8t8 -20v-139zM788 494q0 -12 -8 -20t-19.5 -8t-20 8t-8.5 20l1 71l-133 -133l-40 40l134 133h-73q-12 0 -20 8.5t-8 20t8 19.5t20 8h138q12 0 20 -8q9 -8 9 -20v-139z" /> 52 l133 -133l-1 71q0 12 8.5 20t20 8t19.5 -8t8 -20v-139zM788 494q0 -12 -8 -20t-19.5 -8t-20 8t-8.5 20l1 71l-133 -133l-40 40l134 133h-73q-12 0 -20 8.5t-8 20t8 19.5t20 8h138q12 0 20 -8q9 -8 9 -20v-139z" />
  53 + <glyph glyph-name="weibiaoti1" unicode="&#xe609;"
  54 +d="M660 200v0q-15 0 -26 10.5t-11 25.5v296q0 15 11 25.5t26 10.5v0q16 0 26.5 -10.5t10.5 -25.5v-296q0 -15 -10.5 -25.5t-26.5 -10.5zM363 200v0q-16 0 -26.5 10.5t-10.5 25.5v296q0 15 10.5 25.5t26.5 10.5v0q15 0 26 -10.5t11 -25.5v-296q0 -15 -11 -25.5t-26 -10.5z
  55 +M512 896q-104 0 -198.5 -40.5t-163 -109t-109 -163.5t-40.5 -199t40.5 -199t109 -163.5t163 -109t198.5 -40.5t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199t-109 163.5t-163.5 109t-199 40.5zM512 -74q-93 0 -177.5 36.5t-146 97.5t-97.5 146t-36 178t36 178t97.5 146
  56 +t146 97.5t177.5 36.5t178 -36.5t146 -97.5t97.5 -146t36.5 -178t-36.5 -178t-97.5 -146t-146 -97.5t-178 -36.5z" />
50 <glyph glyph-name="luzhi" unicode="&#xe60e;" 57 <glyph glyph-name="luzhi" unicode="&#xe60e;"
51 d="M625 539h-225q-17 0 -29.5 -12t-12.5 -30v-224q0 -17 12.5 -29.5t29.5 -12.5h225q17 0 29.5 12.5t12.5 29.5v224q0 18 -12.5 30t-29.5 12zM512.5 834q-91.5 0 -174.5 -36t-143 -96t-95.5 -143t-35.5 -174t35.5 -174t95.5 -143t143 -96t174.5 -36t174.5 36t143 96 58 d="M625 539h-225q-17 0 -29.5 -12t-12.5 -30v-224q0 -17 12.5 -29.5t29.5 -12.5h225q17 0 29.5 12.5t12.5 29.5v224q0 18 -12.5 30t-29.5 12zM512.5 834q-91.5 0 -174.5 -36t-143 -96t-95.5 -143t-35.5 -174t35.5 -174t95.5 -143t143 -96t174.5 -36t174.5 36t143 96
52 t95.5 143t35.5 174t-35.5 174t-95.5 143t-143 96t-174.5 36zM512.5 21q-98.5 0 -182.5 48.5t-133 132.5t-49 183t49 183t133 132.5t182.5 48.5t182.5 -48.5t133 -132.5t49 -183t-49 -183t-133 -132.5t-182.5 -48.5z" /> 59 t95.5 143t35.5 174t-35.5 174t-95.5 143t-143 96t-174.5 36zM512.5 21q-98.5 0 -182.5 48.5t-133 132.5t-49 183t49 183t133 132.5t182.5 48.5t182.5 -48.5t133 -132.5t49 -183t-49 -183t-133 -132.5t-182.5 -48.5z" />
  60 + <glyph glyph-name="tingzhi" unicode="&#xe63a;"
  61 +d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM512 -32q-172 0 -294 122t-122 294t122 294t294 122t294 -122t122 -294t-122 -294t-294 -122zM319 578h381
  62 +v-384h-381v384z" />
  63 + <glyph glyph-name="zhongxin" unicode="&#xe650;"
  64 +d="M512 896q-100 0 -191 -39t-157 -105t-105 -157t-39 -191t39 -191.5t105 -157.5t157 -105t191 -39t191 39t157 105t105 157.5t39 191.5t-39 191t-105 157t-157 105t-191 39zM512 43q-88 0 -163 43.5t-118.5 118.5t-43.5 163.5t43.5 163.5t118.5 118.5t163 43.5v71
  65 +l170 -114l-170 -113v71q-99 0 -169.5 -70.5t-70.5 -170t70.5 -170t169.5 -70.5t169.5 70.5t70.5 169.5q0 18 12.5 30.5t30 12.5t30 -12.5t12.5 -30.5q0 -88 -43.5 -163t-118.5 -118.5t-163 -43.5v0z" />
53 <glyph glyph-name="luying" unicode="&#xe63f;" 66 <glyph glyph-name="luying" unicode="&#xe63f;"
54 d="M512 896q-104 0 -198.5 -41t-163 -109.5t-109.5 -163t-41 -198.5t41 -198.5t109.5 -163t163 -109.5t198.5 -41t198.5 41t163 109.5t109.5 163t41 198.5t-41 198.5t-109.5 163t-163 109.5t-198.5 41zM512 -108q-100 0 -191 39t-157 105t-105 157t-39 191t39 191t105 157 67 d="M512 896q-104 0 -198.5 -41t-163 -109.5t-109.5 -163t-41 -198.5t41 -198.5t109.5 -163t163 -109.5t198.5 -41t198.5 41t163 109.5t109.5 163t41 198.5t-41 198.5t-109.5 163t-163 109.5t-198.5 41zM512 -108q-100 0 -191 39t-157 105t-105 157t-39 191t39 191t105 157
55 t157 105t191 39t191 -39t157 -105t105 -157t39 -191t-39 -191t-105 -157t-157 -105t-191 -39zM506 261h6q56 0 96 40t40 96v152q0 56 -40 96t-96 40h-6q-56 0 -95.5 -40t-39.5 -96v-152q0 -56 39.5 -96t95.5 -40zM512 847q-94 0 -180 -36.5t-148 -98.5t-98.5 -148 68 t157 105t191 39t191 -39t157 -105t105 -157t39 -191t-39 -191t-105 -157t-157 -105t-191 -39zM506 261h6q56 0 96 40t40 96v152q0 56 -40 96t-96 40h-6q-56 0 -95.5 -40t-39.5 -96v-152q0 -56 39.5 -96t95.5 -40zM512 847q-94 0 -180 -36.5t-148 -98.5t-98.5 -148
src/common/fonts/iconfont.ttf
View file @9f30931
No preview for this file type
src/common/fonts/iconfont.woff
View file @9f30931
No preview for this file type
src/css/ide.css
  View file @9f30931
@@ -62,7 +62,7 @@ ul.ztree li span.button.add { @@ -62,7 +62,7 @@ ul.ztree li span.button.add {
62 border-bottom: 0; } 62 border-bottom: 0; }
63 63
64 .programing #resultoutput .tab-pane { 64 .programing #resultoutput .tab-pane {
65 - padding: 14px; } 65 + padding: 0; }
66 66
67 .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 { 67 .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 color: #fff; } 68 color: #fff; }
@@ -76,10 +76,74 @@ ul.ztree li span.button.add { @@ -76,10 +76,74 @@ ul.ztree li span.button.add {
76 line-height: 36px; 76 line-height: 36px;
77 padding: 0 12px; } 77 padding: 0 12px; }
78 78
  79 +.twinkle:before {
  80 + animation: twinkle 1s infinite;
  81 + -webkit-animation: twinkle 1s infinite; }
  82 +
  83 +@-webkit-keyframes twinkle {
  84 + 0% {
  85 + opacity: 0; }
  86 + 50% {
  87 + opacity: 1; }
  88 + 100% {
  89 + opacity: 0; } }
  90 +
  91 +#resultoutput {
  92 + position: relative; }
  93 +
  94 +#stdin {
  95 + position: absolute;
  96 + width: 100%; }
  97 +
  98 +#stdin :focus {
  99 + outline: none; }
  100 +
  101 +#stdin input[type="text"] {
  102 + font: 15px/24px "Lato", Arial, sans-serif;
  103 + color: #333;
  104 + width: 100%;
  105 + box-sizing: border-box;
  106 + letter-spacing: 1px;
  107 + padding-left: 12px; }
  108 +
  109 +#stdin .effect-2 {
  110 + border: 0;
  111 + padding: 7px 0;
  112 + border-bottom: 1px solid #ccc; }
  113 +
  114 +#stdin .effect-2 ~ .focus-border {
  115 + position: absolute;
  116 + bottom: 0;
  117 + left: 50%;
  118 + width: 0;
  119 + height: 2px;
  120 + background-color: #3399FF;
  121 + transition: 1s; }
  122 +
  123 +#stdin .effect-2:focus ~ .focus-border {
  124 + width: 100%;
  125 + transition: 1s;
  126 + left: 0; }
  127 +
79 html, body { 128 html, body {
80 width: 100%; 129 width: 100%;
81 height: 100%; } 130 height: 100%; }
82 131
  132 +.tooltip-inner {
  133 + background-color: transparent;
  134 + color: #1FB6FF;
  135 + padding: 3px 6px; }
  136 +
  137 +.tooltip.top {
  138 + background: url("../img/toptip.png") no-repeat; }
  139 +
  140 +.tooltip.top .tooltip-arrow {
  141 + border-top-color: transparent; }
  142 +
  143 +.record-title i {
  144 + font-size: 24px;
  145 + margin-right: 4px; }
  146 +
83 .programing { 147 .programing {
84 width: 100%; 148 width: 100%;
85 height: 100%; 149 height: 100%;
src/css/main.css
  View file @9f30931
@@ -2,6 +2,21 @@ html, body { @@ -2,6 +2,21 @@ html, body {
2 width: 100%; 2 width: 100%;
3 height: 100%; } 3 height: 100%; }
4 4
  5 +.tooltip-inner {
  6 + background-color: transparent;
  7 + color: #1FB6FF;
  8 + padding: 3px 6px; }
  9 +
  10 +.tooltip.top {
  11 + background: url("../img/toptip.png") no-repeat; }
  12 +
  13 +.tooltip.top .tooltip-arrow {
  14 + border-top-color: transparent; }
  15 +
  16 +.record-title i {
  17 + font-size: 24px;
  18 + margin-right: 4px; }
  19 +
5 .programing { 20 .programing {
6 width: 100%; 21 width: 100%;
7 height: 100%; 22 height: 100%;
src/css/recording.css
  View file @9f30931
@@ -10,6 +10,43 @@ @@ -10,6 +10,43 @@
10 100% { 10 100% {
11 opacity: 0; } } 11 opacity: 0; } }
12 12
  13 +#resultoutput {
  14 + position: relative; }
  15 +
  16 +#stdin {
  17 + position: absolute;
  18 + width: 100%; }
  19 +
  20 +#stdin :focus {
  21 + outline: none; }
  22 +
  23 +#stdin input[type="text"] {
  24 + font: 15px/24px "Lato", Arial, sans-serif;
  25 + color: #333;
  26 + width: 100%;
  27 + box-sizing: border-box;
  28 + letter-spacing: 1px;
  29 + padding-left: 12px; }
  30 +
  31 +#stdin .effect-2 {
  32 + border: 0;
  33 + padding: 7px 0;
  34 + border-bottom: 1px solid #ccc; }
  35 +
  36 +#stdin .effect-2 ~ .focus-border {
  37 + position: absolute;
  38 + bottom: 0;
  39 + left: 50%;
  40 + width: 0;
  41 + height: 2px;
  42 + background-color: #3399FF;
  43 + transition: 1s; }
  44 +
  45 +#stdin .effect-2:focus ~ .focus-border {
  46 + width: 100%;
  47 + transition: 1s;
  48 + left: 0; }
  49 +
13 body { 50 body {
14 background-color: #E9EBF0; 51 background-color: #E9EBF0;
15 width: 100%; 52 width: 100%;
src/gxb-ide/CodingEditer.js
  View file @9f30931
@@ -323,7 +323,7 @@ @@ -323,7 +323,7 @@
323 323
324 treeLinkEditor[i].CodeMirrorReplay = CodeMirror.fromTextArea($('#' + treeLinkEditor[i].replay)[0], { 324 treeLinkEditor[i].CodeMirrorReplay = CodeMirror.fromTextArea($('#' + treeLinkEditor[i].replay)[0], {
325 value: '', 325 value: '',
326 - mode: modeName, 326 + mode: modeNameItem,
327 lineNumbers: true, 327 lineNumbers: true,
328 smartIndent: false, 328 smartIndent: false,
329 onChange: function(em, changeobj) { 329 onChange: function(em, changeobj) {
src/gxb-ide/ToolBox.js
  View file @9f30931
@@ -4,12 +4,12 @@ @@ -4,12 +4,12 @@
4 '<audio id="audio"></audio>'+ 4 '<audio id="audio"></audio>'+
5 '</div>'+ 5 '</div>'+
6 '<div class="ctrl-wrap">'+ 6 '<div class="ctrl-wrap">'+
7 - '<div class="tool-item" id="start-recording" data="1" title="开始录制"><img src="" alt="" /></div>'+  
8 - '<div class="tool-item" id="stop-recording" data="1" title="结束录制"><img src="" alt="" /></div>'+  
9 - '<div class="tool-item" id="re-recoding" data="1" title="重新录制"><img src="" alt="" /></div>'+ 7 + '<div class="tool-item" id="start-recording" data="1" data-toggle="tooltip" data-placement="top" title="开始录制"><img src="" alt="" /></div>'+
  8 + '<div class="tool-item" id="stop-recording" data="1" data-toggle="tooltip" data-placement="top" title="结束录制"><img src="" alt="" /></div>'+
  9 + '<div class="tool-item" id="re-recoding" data="1" data-toggle="tooltip" data-placement="top" title="重新录制"><img src="" alt="" /></div>'+
10 '</div>'+ 10 '</div>'+
11 '<div class="play-wrap">'+ 11 '<div class="play-wrap">'+
12 - '<div class="tool-item" id="audio-play" data="1" title="播放预览"><img src="" alt="" /></div>'+ 12 + '<div class="tool-item" id="audio-play" data="1" data-toggle="tooltip" data-placement="top" title="播放预览"><img src="" alt="" /></div>'+
13 '<div class="recording-time" id="timer" value="">00:00:00</div>'+ 13 '<div class="recording-time" id="timer" value="">00:00:00</div>'+
14 '</div>'+ 14 '</div>'+
15 '<div class="save-wrap">'+ 15 '<div class="save-wrap">'+
src/gxb-ide/toolBox.css
  View file @9f30931
@@ -14,7 +14,6 @@ @@ -14,7 +14,6 @@
14 float: left; 14 float: left;
15 } 15 }
16 .tool-item{ 16 .tool-item{
17 - width: 48px;  
18 padding-top: 6px; 17 padding-top: 6px;
19 cursor: pointer; 18 cursor: pointer;
20 float: left; 19 float: left;
@@ -27,7 +26,7 @@ @@ -27,7 +26,7 @@
27 float: left; 26 float: left;
28 height: 60px; 27 height: 60px;
29 line-height: 60px; 28 line-height: 60px;
30 - padding: 0 18px; 29 + padding: 0 12px;
31 color: #fff; 30 color: #fff;
32 font-size: 18px; 31 font-size: 18px;
33 } 32 }
@@ -80,14 +79,14 @@ @@ -80,14 +79,14 @@
80 } 79 }
81 80
82 .play-wrap{ 81 .play-wrap{
83 - 82 + padding-left: 8px;
84 } 83 }
85 84
86 85
87 #audio-play{ 86 #audio-play{
88 text-align: center; 87 text-align: center;
89 line-height: 54px; 88 line-height: 54px;
90 - padding-left: 44px; 89 + margin-left: 24px;
91 } 90 }
92 #audio-play img{ 91 #audio-play img{
93 width: 16px; 92 width: 16px;
src/img/toptip.png 0 → 100644
View file @9f30931

507 Bytes
src/js/c.js
  View file @9f30931
@@ -114,6 +114,8 @@ $(function(){ @@ -114,6 +114,8 @@ $(function(){
114 }, 1000); 114 }, 1000);
115 } 115 }
116 116
  117 + $('[data-toggle="tooltip"]').tooltip()
  118 +
117 }) 119 })
118 120
119 121
src/scss/_animation.scss
  View file @9f30931
@@ -12,4 +12,20 @@ @@ -12,4 +12,20 @@
12 100%{ 12 100%{
13 opacity:0; 13 opacity:0;
14 } 14 }
15 -}  
16 \ No newline at end of file 15 \ No newline at end of file
  16 +}
  17 +
  18 +#resultoutput{
  19 + position: relative;
  20 +}
  21 +
  22 +#stdin {
  23 + position: absolute;
  24 + width: 100%;
  25 +}
  26 +#stdin :focus{outline: none;}
  27 +
  28 +#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;}
  29 +
  30 +#stdin .effect-2{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc;}
  31 +#stdin .effect-2 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #3399FF; transition: 1s;}
  32 +#stdin .effect-2:focus ~ .focus-border{width: 100%; transition: 1s; left: 0;}
17 \ No newline at end of file 33 \ No newline at end of file
src/scss/_bootstrapReset.scss
  View file @9f30931
@@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
5 } 5 }
6 #resultoutput{ 6 #resultoutput{
7 .tab-pane{ 7 .tab-pane{
8 - padding: 14px; 8 + padding: 0;
9 } 9 }
10 } 10 }
11 11
src/scss/ide.scss
  View file @9f30931
@@ -3,5 +3,6 @@ @@ -3,5 +3,6 @@
3 @import 'variables'; 3 @import 'variables';
4 @import '_zTreeRewrite'; 4 @import '_zTreeRewrite';
5 @import '_bootstrapReset'; 5 @import '_bootstrapReset';
  6 +@import '_animation.scss';
6 @import 'main'; 7 @import 'main';
7 8
src/scss/main.scss
  View file @9f30931
@@ -2,6 +2,26 @@ html, body{ @@ -2,6 +2,26 @@ html, body{
2 width: 100%; 2 width: 100%;
3 height: 100%; 3 height: 100%;
4 } 4 }
  5 +
  6 +.tooltip-inner{
  7 + background-color: transparent;
  8 + color: #1FB6FF;
  9 + padding: 3px 6px;
  10 +}
  11 +.tooltip.top{
  12 + background: url('../img/toptip.png') no-repeat;
  13 +}
  14 +.tooltip.top .tooltip-arrow{
  15 + // border-top-color: #1FB6FF;
  16 +}
  17 +.tooltip.top .tooltip-arrow{
  18 + border-top-color: transparent;
  19 +}
  20 +
  21 +.record-title i{
  22 + font-size: 24px;
  23 + margin-right: 4px;
  24 +}
5 .programing{ 25 .programing{
6 width: 100%; 26 width: 100%;
7 height: 100%; 27 height: 100%;
src/v1.1/index.html
  View file @9f30931
@@ -44,12 +44,12 @@ @@ -44,12 +44,12 @@
44 <ul id="recordertab" class="nav nav-tabs pull-left"> 44 <ul id="recordertab" class="nav nav-tabs pull-left">
45 <li class="active"> 45 <li class="active">
46 <a href="#recordzone" data-toggle="tab"> 46 <a href="#recordzone" data-toggle="tab">
47 - <i class="icon iconfont icon-suspend"></i>课程录制区 47 + <i class="icon iconfont icon-tingzhi"></i>课程录制区
48 </a> 48 </a>
49 </li> 49 </li>
50 <li> 50 <li>
51 <a href="#replayzone" data-toggle="tab"> 51 <a href="#replayzone" data-toggle="tab">
52 - <i class="icon iconfont icon-yulan"></i>课程预览区 52 + <i class="icon iconfont icon-bofang"></i>课程预览区
53 </a> 53 </a>
54 </li> 54 </li>
55 </ul> 55 </ul>
@@ -99,7 +99,9 @@ @@ -99,7 +99,9 @@
99 <!-- Tab panes --> 99 <!-- Tab panes -->
100 <div id="resultoutput" class="tab-content need-compile"> 100 <div id="resultoutput" class="tab-content need-compile">
101 <div class="tab-pane active padall15" id="stdin"> 101 <div class="tab-pane active padall15" id="stdin">
102 - <input type="text" class="form-control" id="runtimeArgus" placeholder="标准输入"> 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> 105 </div>
104 <div class="tab-pane padall15" id="cmpinfo"></div> 106 <div class="tab-pane padall15" id="cmpinfo"></div>
105 <div class="tab-pane padall15" id="stderr"></div> 107 <div class="tab-pane padall15" id="stderr"></div>
src/v1.1/player.html
  View file @9f30931
@@ -71,6 +71,47 @@ @@ -71,6 +71,47 @@
71 <div id="recordzone" class="tab-pane active"></div> 71 <div id="recordzone" class="tab-pane active"></div>
72 <div id="replayzone" class="tab-pane"></div> 72 <div id="replayzone" class="tab-pane"></div>
73 </div> 73 </div>
  74 + <!-- 运行结果区 -->
  75 + <div class="console-wrap">
  76 + <div class="CodeMirror-gutter">
  77 + </div>
  78 + <div id="toolbar">
  79 + <!-- Nav tabs -->
  80 + <ul class="nav nav-tabs result-tabs need-compile" role="tablist" id="cmprun-tabs">
  81 + <li class="active"><a href="#stdin" role="tab" data-toggle="tab" class="text">标准</a></li>
  82 + <li><a href="#cmpinfo" role="tab" data-toggle="tab" class="text">编译</a></li>
  83 + <li><a href="#stderr" role="tab" data-toggle="tab" class="text">错误</a></li>
  84 + <li><a href="#output" role="tab" data-toggle="tab" class="text">结果</a></li>
  85 + </ul>
  86 + <div class="pull-right func">
  87 + <button class="btn compile-btn" id="CompileBtn">
  88 + <span class="ladda-label">编译运行</span>
  89 + </button>
  90 + <!-- <img src="../img/full-screen-icon.svg" alt=""> -->
  91 + <a id="full-screen" class="fb">
  92 + <img src="../img/full-screen-icon.svg" alt="">
  93 + </a>
  94 + <a id="back-screen" class="fb" style="display: none;">
  95 + <img src="../img/full-screen-icon.svg" alt="">
  96 + </a>
  97 + </div>
  98 + </div>
  99 +
  100 + <!-- Tab panes -->
  101 + <div id="resultoutput" class="tab-content need-compile">
  102 + <div class="tab-pane active padall15" id="stdin">
  103 + <!-- <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>
  106 + </div>
  107 + <div class="tab-pane padall15" id="cmpinfo"></div>
  108 + <div class="tab-pane padall15" id="stderr"></div>
  109 + <div class="tab-pane padall15" id="output"></div>
  110 + </div>
  111 + <div class="panel-body no-compile" id="ifrcontainer">
  112 + <iframe id="resultiframe" frameBorder="0" width="100%"></iframe>
  113 + </div>
  114 + </div>
74 </div> 115 </div>
75 <div class="pause-shodow" style="display: none;"> 116 <div class="pause-shodow" style="display: none;">
76 <div class="compile-loading"> 117 <div class="compile-loading">
@@ -93,38 +134,6 @@ @@ -93,38 +134,6 @@
93 134
94 <!-- 控录制录制 --> 135 <!-- 控录制录制 -->
95 <div class="record-toolbox"> 136 <div class="record-toolbox">
96 - <!-- 运行结果区 -->  
97 - <div class="console-wrap">  
98 - <div id="toolbar">  
99 - <!-- Nav tabs -->  
100 - <ul class="nav nav-tabs result-tabs need-compile" role="tablist" id="cmprun-tabs">  
101 - <li class="active"><a href="#stdin" role="tab" data-toggle="tab" class="text">标准</a></li>  
102 - <li><a href="#cmpinfo" role="tab" data-toggle="tab" class="text">编译</a></li>  
103 - <li><a href="#stderr" role="tab" data-toggle="tab" class="text">错误</a></li>  
104 - <li><a href="#output" role="tab" data-toggle="tab" class="text">结果</a></li>  
105 - </ul>  
106 - <div class="pull-right func">  
107 - <a class="btn btn-success compile-btn" id="CompileBtn">  
108 - <span class="ladda-label">编译运行</span>  
109 - </a>  
110 - <a id="full-screen" class=""><i class="icon iconfont icon-quanping1"></i></a>  
111 - <a id="back-screen" class="" style="display: none;"><i class="icon iconfont icon-quanping1"></i></a>  
112 - </div>  
113 - </div>  
114 -  
115 - <!-- Tab panes -->  
116 - <div id="resultoutput" class="tab-content need-compile">  
117 - <div class="tab-pane active padall15" id="stdin">  
118 - <input type="text" class="form-control" id="runtimeArgus" placeholder="标准输入">  
119 - </div>  
120 - <div class="tab-pane padall15" id="cmpinfo"></div>  
121 - <div class="tab-pane padall15" id="stderr"></div>  
122 - <div class="tab-pane padall15" id="output"></div>  
123 - </div>  
124 - <div class="panel-body no-compile" id="ifrcontainer">  
125 - <iframe id="resultiframe" frameBorder="0" width="100%"></iframe>  
126 - </div>  
127 - </div>  
128 <input type="hidden" class="audio-url" value=""> 137 <input type="hidden" class="audio-url" value="">
129 <div id="playFooter"> 138 <div id="playFooter">
130 <div class="" id="audioWrap"> 139 <div class="" id="audioWrap">
@@ -178,7 +187,9 @@ @@ -178,7 +187,9 @@
178 <script src="../js/gbdebug/mode/xml/xml.js"></script> 187 <script src="../js/gbdebug/mode/xml/xml.js"></script>
179 <script src="../js/gbdebug/mode/javascript/javascript.js"></script> 188 <script src="../js/gbdebug/mode/javascript/javascript.js"></script>
180 <script src="../js/gbdebug/mode/css/css.js"></script> 189 <script src="../js/gbdebug/mode/css/css.js"></script>
181 - <script src="../js/gbdebug/mode/htmlmixed/htmlmixed.js"></script>  
182 - <script src="../js/gbdebug/mode/clike/clike.js"></script> 190 + <script src="../js/gbdebug/mode/htmlmixed/htmlmixed.js"></script>
  191 + <script src="../js/gbdebug/mode/clike/clike.js"></script>
  192 + <script src="../js/gbdebug/mode/php/php.js"></script>
  193 + <script src="../js/gbdebug/mode/python/python.js"></script>
183 </body> 194 </body>
184 </html> 195 </html>
185 \ No newline at end of file 196 \ No newline at end of file