样式

ykxie
1 parent 8cbcf652
Showing 5 changed files with 74 additions and 37 deletions
dist/css/ide.css
dist/css/main.css
dist/js/emmet.js
dist/scss/_mixin.scss
dist/scss/main.scss
@@ -284,6 +284,10 @@ html, body {
   padding-left: 0; }
   #console-wrap:-webkit-full-screen .CodeMirror-gutter {
     display: none; }
+  #console-wrap:-webkit-full-screen #ifrcontainer {
+    height: 100%; }
+    #console-wrap:-webkit-full-screen #ifrcontainer #resultiframe {
+      height: 100%; }
 #console-wrap:-moz-full-screen {
   width: 100%;
@@ -292,6 +296,10 @@ html, body {
   padding-left: 0; }
   #console-wrap:-moz-full-screen .CodeMirror-gutter {
     display: none; }
+  #console-wrap:-moz-full-screen #ifrcontainer {
+    height: 100%; }
+    #console-wrap:-moz-full-screen #ifrcontainer #resultiframe {
+      height: 100%; }
 #console-wrap:-ms-fullscreen {
   width: 100%;
@@ -300,6 +308,10 @@ html, body {
   padding-left: 0; }
   #console-wrap:-ms-fullscreen .CodeMirror-gutter {
     display: none; }
+  #console-wrap:-ms-fullscreen #ifrcontainer {
+    height: 100%; }
+    #console-wrap:-ms-fullscreen #ifrcontainer #resultiframe {
+      height: 100%; }
 #console-wrapfullscreen {
   /* spec */
@@ -309,6 +321,10 @@ html, body {
   padding-left: 0; }
   #console-wrapfullscreen .CodeMirror-gutter {
     display: none; }
+  #console-wrapfullscreen #ifrcontainer {
+    height: 100%; }
+    #console-wrapfullscreen #ifrcontainer #resultiframe {
+      height: 100%; }
 .btn {
   padding: 3px 18px; }
@@ -156,6 +156,10 @@ html, body {
   padding-left: 0; }
   #console-wrap:-webkit-full-screen .CodeMirror-gutter {
     display: none; }
+  #console-wrap:-webkit-full-screen #ifrcontainer {
+    height: 100%; }
+    #console-wrap:-webkit-full-screen #ifrcontainer #resultiframe {
+      height: 100%; }
 #console-wrap:-moz-full-screen {
   width: 100%;
@@ -164,6 +168,10 @@ html, body {
   padding-left: 0; }
   #console-wrap:-moz-full-screen .CodeMirror-gutter {
     display: none; }
+  #console-wrap:-moz-full-screen #ifrcontainer {
+    height: 100%; }
+    #console-wrap:-moz-full-screen #ifrcontainer #resultiframe {
+      height: 100%; }
 #console-wrap:-ms-fullscreen {
   width: 100%;
@@ -172,6 +180,10 @@ html, body {
   padding-left: 0; }
   #console-wrap:-ms-fullscreen .CodeMirror-gutter {
     display: none; }
+  #console-wrap:-ms-fullscreen #ifrcontainer {
+    height: 100%; }
+    #console-wrap:-ms-fullscreen #ifrcontainer #resultiframe {
+      height: 100%; }
 #console-wrapfullscreen {
   /* spec */
@@ -181,6 +193,10 @@ html, body {
   padding-left: 0; }
   #console-wrapfullscreen .CodeMirror-gutter {
     display: none; }
+  #console-wrapfullscreen #ifrcontainer {
+    height: 100%; }
+    #console-wrapfullscreen #ifrcontainer #resultiframe {
+      height: 100%; }
 .btn {
   padding: 3px 18px; }
@@ -12069,7 +12069,8 @@ emmet.exec(function(require, _) {
  * Filter for escaping unsafe XML characters: <, >, &
  * @author Sergey Chikuyonok (serge.che@gmail.com)
  * @link http://chikuyonok.ru
- */
emmet.exec(function(require, _) {
+ */
+emmet.exec(function(require, _) {
 	var charMap = {
 		'<': '&lt;',
 		'>': '&gt;',
@@ -12555,7 +12556,8 @@ emmet.exec(function(require, _) {
 		return tree;
 	});
-});
/**
+});
+/**
  * Trim filter: removes characters at the beginning of the text
  * content that indicates lists: numbers, #, *, -, etc.
  * 
@@ -12591,7 +12593,8 @@ emmet.exec(function(require, _) {
 		var re = new RegExp(require('preferences').get('filter.trimRegexp'));
 		return process(tree, re);
 	});
-});
/**
+});
+/**
  * Filter for trimming "select" attributes from some tags that contains
  * child elements
  * @author Sergey Chikuyonok (serge.che@gmail.com)
@@ -12601,7 +12604,8 @@ emmet.exec(function(require, _) {
  * @memberOf __xslFilterDefine
  * @param {Function} require
  * @param {Underscore} _
- */
emmet.exec(function(require, _) {
+ */
+emmet.exec(function(require, _) {
 	var tags = {
 		'xsl:variable': 1,
 		'xsl:with-param': 1
@@ -13555,7 +13559,19 @@ emmet.exec(function(require, _) {
 			"tr+": "tr>td",
 			"select+": "select>option",
 			"optgroup+": "optgroup>option",
-			"optg+": "optgroup>option"
+			"optg+": "optgroup>option",
+
+      <!-- ================== 增加的缩写 ==================== -->
+      "myimg":"<img src=\"http://www.igeekbar.com/igeekbar/laitu/300x200&text=hello world/222222/ffffff\" alt=\"占位图片\">",
+      "myjq":"<script src=\"https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js\"></script>",
+      "myjq":"<script src=\"https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js\"></script>",
+      "myboot1":"<link href=\"https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">",
+      "myboot2":"<script src=\"https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>",
+      "myboot":"myboot1+myboot2",
+      "myjs1":"<input type=\"button\" onclick=\"myDebug()\" value=\"进入调试\">",
+      "myjs2":"script{${1:function myDebug() {console.log(\"请点击后面的网址，进入调试界面：\");}}}",
+      "myjs": "!!!+html[lang=${lang}]>(head>meta[charset=UTF-8]+title{${1:Document}})+body>(myjs1+myjs2)",
+      <!-- ================== 增加的缩写 ==================== -->
 		}
 	},
@@ -182,6 +182,22 @@
     }
 }
+@mixin full_screen{
+    width: 100%;
+    height: 100%;
+    top: 0;
+    padding-left:0; 
+
+    .CodeMirror-gutter{
+        display: none;
+    }
+    #ifrcontainer{
+        height: 100%;
+        #resultiframe{
+            height: 100%
+        }
+    }
+}
 // 过渡
 @mixin _transition($value, $prefixs: webkit moz ms o spec) {
+@import 'mixin';
 html, body{
     width: 100%;
     height: 100%;
@@ -201,48 +202,20 @@ html, body{
 }
  #console-wrap:-webkit-full-screen{
-    width: 100%;
-    height: 100%;
-    top: 0;
-    padding-left:0; 
-
-    .CodeMirror-gutter{
-        display: none;
-    }
+    @include full_screen;
 }
  #console-wrap:-moz-full-screen {
-    width: 100%;
-    height: 100%;
-    top: 0;
-    padding-left:0; 
-
-    .CodeMirror-gutter{
-        display: none;
-    }
+    @include full_screen;
 }
  #console-wrap:-ms-fullscreen {
-    width: 100%;
-    height: 100%;
-    top: 0;
-    padding-left:0; 
-
-    .CodeMirror-gutter{
-        display: none;
-    }
+    @include full_screen;
 }
  #console-wrapfullscreen { /* spec */
-    width: 100%;
-    height: 100%;
-    top: 0;
-    padding-left:0; 
-
-    .CodeMirror-gutter{
-        display: none;
-    }
+    @include full_screen;
 }
 .btn{