梁美英 / programming · Commits

Commit 350c387f389ad04ee1ab1ce37caca6ba8b289721

Authored by ykxie
1 parent 8cbcf652

样式

Inline Side-by-side
Showing 5 changed files with 74 additions and 37 deletions
dist/css/ide.css
  View file @350c387
... ... @@ -284,6 +284,10 @@ html, body {
284 284 padding-left: 0; }
285 285 #console-wrap:-webkit-full-screen .CodeMirror-gutter {
286 286 display: none; }
  287 + #console-wrap:-webkit-full-screen #ifrcontainer {
  288 + height: 100%; }
  289 + #console-wrap:-webkit-full-screen #ifrcontainer #resultiframe {
  290 + height: 100%; }
287 291  
288 292 #console-wrap:-moz-full-screen {
289 293 width: 100%;
... ... @@ -292,6 +296,10 @@ html, body {
292 296 padding-left: 0; }
293 297 #console-wrap:-moz-full-screen .CodeMirror-gutter {
294 298 display: none; }
  299 + #console-wrap:-moz-full-screen #ifrcontainer {
  300 + height: 100%; }
  301 + #console-wrap:-moz-full-screen #ifrcontainer #resultiframe {
  302 + height: 100%; }
295 303  
296 304 #console-wrap:-ms-fullscreen {
297 305 width: 100%;
... ... @@ -300,6 +308,10 @@ html, body {
300 308 padding-left: 0; }
301 309 #console-wrap:-ms-fullscreen .CodeMirror-gutter {
302 310 display: none; }
  311 + #console-wrap:-ms-fullscreen #ifrcontainer {
  312 + height: 100%; }
  313 + #console-wrap:-ms-fullscreen #ifrcontainer #resultiframe {
  314 + height: 100%; }
303 315  
304 316 #console-wrapfullscreen {
305 317 /* spec */
... ... @@ -309,6 +321,10 @@ html, body {
309 321 padding-left: 0; }
310 322 #console-wrapfullscreen .CodeMirror-gutter {
311 323 display: none; }
  324 + #console-wrapfullscreen #ifrcontainer {
  325 + height: 100%; }
  326 + #console-wrapfullscreen #ifrcontainer #resultiframe {
  327 + height: 100%; }
312 328  
313 329 .btn {
314 330 padding: 3px 18px; }
... ...
dist/css/main.css
  View file @350c387
... ... @@ -156,6 +156,10 @@ html, body {
156 156 padding-left: 0; }
157 157 #console-wrap:-webkit-full-screen .CodeMirror-gutter {
158 158 display: none; }
  159 + #console-wrap:-webkit-full-screen #ifrcontainer {
  160 + height: 100%; }
  161 + #console-wrap:-webkit-full-screen #ifrcontainer #resultiframe {
  162 + height: 100%; }
159 163  
160 164 #console-wrap:-moz-full-screen {
161 165 width: 100%;
... ... @@ -164,6 +168,10 @@ html, body {
164 168 padding-left: 0; }
165 169 #console-wrap:-moz-full-screen .CodeMirror-gutter {
166 170 display: none; }
  171 + #console-wrap:-moz-full-screen #ifrcontainer {
  172 + height: 100%; }
  173 + #console-wrap:-moz-full-screen #ifrcontainer #resultiframe {
  174 + height: 100%; }
167 175  
168 176 #console-wrap:-ms-fullscreen {
169 177 width: 100%;
... ... @@ -172,6 +180,10 @@ html, body {
172 180 padding-left: 0; }
173 181 #console-wrap:-ms-fullscreen .CodeMirror-gutter {
174 182 display: none; }
  183 + #console-wrap:-ms-fullscreen #ifrcontainer {
  184 + height: 100%; }
  185 + #console-wrap:-ms-fullscreen #ifrcontainer #resultiframe {
  186 + height: 100%; }
175 187  
176 188 #console-wrapfullscreen {
177 189 /* spec */
... ... @@ -181,6 +193,10 @@ html, body {
181 193 padding-left: 0; }
182 194 #console-wrapfullscreen .CodeMirror-gutter {
183 195 display: none; }
  196 + #console-wrapfullscreen #ifrcontainer {
  197 + height: 100%; }
  198 + #console-wrapfullscreen #ifrcontainer #resultiframe {
  199 + height: 100%; }
184 200  
185 201 .btn {
186 202 padding: 3px 18px; }
... ...
dist/js/emmet.js
  View file @350c387
... ... @@ -12069,7 +12069,8 @@ emmet.exec(function(require, _) {
12069 12069 * Filter for escaping unsafe XML characters: <, >, &
12070 12070 * @author Sergey Chikuyonok (serge.che@gmail.com)
12071 12071 * @link http://chikuyonok.ru
12072   - */ emmet.exec(function(require, _) {
  12072 + */
  12073 +emmet.exec(function(require, _) {
12073 12074 var charMap = {
12074 12075 '<': '&lt;',
12075 12076 '>': '&gt;',
... ... @@ -12555,7 +12556,8 @@ emmet.exec(function(require, _) {
12555 12556  
12556 12557 return tree;
12557 12558 });
12558   -}); /**
  12559 +});
  12560 +/**
12559 12561 * Trim filter: removes characters at the beginning of the text
12560 12562 * content that indicates lists: numbers, #, *, -, etc.
12561 12563 *
... ... @@ -12591,7 +12593,8 @@ emmet.exec(function(require, _) {
12591 12593 var re = new RegExp(require('preferences').get('filter.trimRegexp'));
12592 12594 return process(tree, re);
12593 12595 });
12594   -}); /**
  12596 +});
  12597 +/**
12595 12598 * Filter for trimming "select" attributes from some tags that contains
12596 12599 * child elements
12597 12600 * @author Sergey Chikuyonok (serge.che@gmail.com)
... ... @@ -12601,7 +12604,8 @@ emmet.exec(function(require, _) {
12601 12604 * @memberOf __xslFilterDefine
12602 12605 * @param {Function} require
12603 12606 * @param {Underscore} _
12604   - */ emmet.exec(function(require, _) {
  12607 + */
  12608 +emmet.exec(function(require, _) {
12605 12609 var tags = {
12606 12610 'xsl:variable': 1,
12607 12611 'xsl:with-param': 1
... ... @@ -13555,7 +13559,19 @@ emmet.exec(function(require, _) {
13555 13559 "tr+": "tr>td",
13556 13560 "select+": "select>option",
13557 13561 "optgroup+": "optgroup>option",
13558   - "optg+": "optgroup>option"
  13562 + "optg+": "optgroup>option",
  13563 +
  13564 + <!-- ================== 增加的缩写 ==================== -->
  13565 + "myimg":"<img src=\"http://www.igeekbar.com/igeekbar/laitu/300x200&text=hello world/222222/ffffff\" alt=\"占位图片\">",
  13566 + "myjq":"<script src=\"https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js\"></script>",
  13567 + "myjq":"<script src=\"https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js\"></script>",
  13568 + "myboot1":"<link href=\"https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">",
  13569 + "myboot2":"<script src=\"https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>",
  13570 + "myboot":"myboot1+myboot2",
  13571 + "myjs1":"<input type=\"button\" onclick=\"myDebug()\" value=\"进入调试\">",
  13572 + "myjs2":"script{${1:function myDebug() {console.log(\"请点击后面的网址，进入调试界面：\");}}}",
  13573 + "myjs": "!!!+html[lang=${lang}]>(head>meta[charset=UTF-8]+title{${1:Document}})+body>(myjs1+myjs2)",
  13574 + <!-- ================== 增加的缩写 ==================== -->
13559 13575 }
13560 13576 },
13561 13577  
... ...
dist/scss/_mixin.scss
  View file @350c387
... ... @@ -182,6 +182,22 @@
182 182 }
183 183 }
184 184  
  185 +@mixin full_screen{
  186 + width: 100%;
  187 + height: 100%;
  188 + top: 0;
  189 + padding-left:0;
  190 +
  191 + .CodeMirror-gutter{
  192 + display: none;
  193 + }
  194 + #ifrcontainer{
  195 + height: 100%;
  196 + #resultiframe{
  197 + height: 100%
  198 + }
  199 + }
  200 +}
185 201  
186 202 // 过渡
187 203 @mixin _transition($value, $prefixs: webkit moz ms o spec) {
... ...
dist/scss/main.scss
  View file @350c387
  1 +@import 'mixin';
1 2 html, body{
2 3 width: 100%;
3 4 height: 100%;
... ... @@ -201,48 +202,20 @@ html, body{
201 202 }
202 203  
203 204 #console-wrap:-webkit-full-screen{
204   - width: 100%;
205   - height: 100%;
206   - top: 0;
207   - padding-left:0;
208   -
209   - .CodeMirror-gutter{
210   - display: none;
211   - }
  205 + @include full_screen;
212 206  
213 207 }
214 208  
215 209 #console-wrap:-moz-full-screen {
216   - width: 100%;
217   - height: 100%;
218   - top: 0;
219   - padding-left:0;
220   -
221   - .CodeMirror-gutter{
222   - display: none;
223   - }
  210 + @include full_screen;
224 211 }
225 212  
226 213 #console-wrap:-ms-fullscreen {
227   - width: 100%;
228   - height: 100%;
229   - top: 0;
230   - padding-left:0;
231   -
232   - .CodeMirror-gutter{
233   - display: none;
234   - }
  214 + @include full_screen;
235 215 }
236 216  
237 217 #console-wrapfullscreen { /* spec */
238   - width: 100%;
239   - height: 100%;
240   - top: 0;
241   - padding-left:0;
242   -
243   - .CodeMirror-gutter{
244   - display: none;
245   - }
  218 + @include full_screen;
246 219 }
247 220  
248 221 .btn{
... ...