scss+按钮切换

范延丽
1 parent c8a16bf6
Showing 6 changed files with 87 additions and 31 deletions
src/css/ide.css
src/css/main.css
src/gxb-ide/Dir.js
src/gxb-ide/Iterm.js
src/scss/main.scss
src/v1.1/index.html
@@ -187,6 +187,23 @@ html, body {
 #recordertab li:first-child {
   border-right: 2px solid #FFF; }
  
+#recordertab > li:last-child {
+  position: absolute;
+  right: 20px; }
+  #recordertab > li:last-child #quickTool {
+    display: none; }
+    #recordertab > li:last-child #quickTool button {
+      background: transparent;
+      color: #FFF;
+      border: 1px solid #fff;
+      border-radius: 24px; }
+    #recordertab > li:last-child #quickTool .dropdown-menu {
+      border-radius: 10px; }
+      #recordertab > li:last-child #quickTool .dropdown-menu li a {
+        color: #1FB6FF; }
+        #recordertab > li:last-child #quickTool .dropdown-menu li a:hover {
+          background-color: #62DCF5; }
+
 .record-wrap {
   width: 100%;
   height: 100%;
@@ -467,28 +484,3 @@ html, body {
  
 #stderr, #cmpinfo, #output {
   padding: 12px 36px; }
-
-
-.nav-tabs>li:last-child{
-       position: absolute;
-       right: 20px
-    }
-    #quickTool{
-        display: none;
-
-    }
-    #quickTool button{
-        background: transparent;
-        color: #FFF;
-        border: 1px solid #fff;       
-        border-radius: 24px;
-    }
-    .dropdown-menu{
-        border-radius: 10px;
-    }
-    .dropdown-menu>li>a{
-        color: #1FB6FF;
-    }
-    .dropdown-menu>li>a:hover{
-        background-color:  #62DCF5;
-    }
@@ -59,6 +59,23 @@ html, body {
 #recordertab li:first-child {
   border-right: 2px solid #FFF; }
  
+#recordertab > li:last-child {
+  position: absolute;
+  right: 20px; }
+  #recordertab > li:last-child #quickTool {
+    display: none; }
+    #recordertab > li:last-child #quickTool button {
+      background: transparent;
+      color: #FFF;
+      border: 1px solid #fff;
+      border-radius: 24px; }
+    #recordertab > li:last-child #quickTool .dropdown-menu {
+      border-radius: 10px; }
+      #recordertab > li:last-child #quickTool .dropdown-menu li a {
+        color: #1FB6FF; }
+        #recordertab > li:last-child #quickTool .dropdown-menu li a:hover {
+          background-color: #62DCF5; }
+
 .record-wrap {
   width: 100%;
   height: 100%;
@@ -76,10 +76,10 @@
                     dataType: "json",
                     contentType: "application/json",
                     success: function(res) {
-                        console.log(res);
+                        console.log(res);      //目录包含文件
                         console.log(_lang);
                         $("title").html(_lang);
-                        Dir.treeData = res[_lang];
+                        Dir.treeData = res[_lang];    
                         Dir.treeObj = $.fn.zTree.init($(el), setting, Dir.treeData);
                         addTextareaPage(Dir.treeData);
                         CodingEditer.initCodeMirror(treeLinkEditor);
@@ -145,11 +145,18 @@
                 console.log('////---------------------------')
                 console.log(treeLinkEditor);
                 for (var i = 0; i < treeLinkEditor.length; i++) {
+                    console.log(_this.manageName(obj.treeNode.name));
+                    if (_this.manageName(obj.treeNode.name) !== 'index') {
+                        $('#quickTool').hide();
+                    }else{
+                        $('#quickTool').show();
+                    }
                     if(treeLinkEditor[i].name == _this.manageName(obj.treeNode.name)){
-                        console.log(_this.manageName(obj.treeNode.name));
                         $('.fileName').html(treeLinkEditor[i].filePath)
                         _num = i;
                     }
+
+
                 }
                 // if(typeof obj.record != 'undefined' && obj.record){
                 //     $('#recordertab a:eq(0)').tab('show');
@@ -109,6 +109,7 @@
             recodingConf()
         },
         fullScreen: function(){
+            
             launchFullScreen(document.body);
             $('#back-screen').show();
             $('#full-screen').hide();
@@ -223,6 +224,7 @@
  
     // 找到支持的方法, 使用需要全屏的 element 调用 
     function launchFullScreen(element) {
+   
         if (element.requestFullscreen) {
             element.requestFullscreen();
         } else if (element.mozRequestFullScreen) {
@@ -232,6 +234,8 @@
         } else if (element.msRequestFullscreen) {
             element.msRequestFullscreen();
         }
+
+        
     }
     function exitFullscreen() {
         if (document.exitFullscreen) {
@@ -68,6 +68,35 @@ html, body{
     border-right: 2px solid #FFF;
 }
  
+#recordertab>li:last-child{
+    position: absolute;
+    right: 20px;
+
+    #quickTool{
+        display: none;
+
+        button{
+            background: transparent;
+            color: #FFF;
+            border: 1px solid #fff;       
+            border-radius: 24px;
+        }
+
+        .dropdown-menu{
+            border-radius: 10px;
+
+            li{
+                a{
+                    color: #1FB6FF;
+                    &:hover{
+                        background-color:  #62DCF5;
+                    }
+                }
+                
+            }
+        }
+    }
+}
  
 // 录制区
 .record-wrap{
@@ -437,3 +466,5 @@ html, body{
 }
  
  
+   
+
@@ -48,8 +48,10 @@
             vertical-align: middle;
             padding-right: 2px;
         }
-        
-
+        :-webkit-full-screen{
+            width: 100%;
+            height: 100%
+        }
     </style>
  
  
@@ -80,6 +82,7 @@
                         <li><a href="#">bootstrap.css</a></li>
                         <li><a href="#">bootstrap.js</a></li>
                         <li><a href="#">jQuery</a></li>
+                        
                       </ul>
                     </div>
                 </li>
@@ -103,7 +106,7 @@
                 <!-- 运行结果区 -->
                 <div class="console-wrap" id="console-wrap">
                     <div class="CodeMirror-gutter">
-                    </div>
+                    </div>                   
                     <div id="toolbar">
                         <!-- Nav tabs -->
                         <ul class="nav nav-tabs result-tabs need-compile" role="tablist" id="cmprun-tabs">
@@ -142,9 +145,11 @@
                         <div class="tab-pane padall15" id="stderr"></div>
                         <div class="tab-pane padall15" id="output"></div>
                     </div>
+                    
                     <div class="panel-body no-compile" id="ifrcontainer" >
                         <iframe id="resultiframe" frameBorder="0" width="100%" allowfullscreen></iframe>
                     </div>
+                                     
                 </div>
             </div>
             <div class="pause-shodow" style="display: none;">