add single style

ykxie
1 parent fe3f1362
Showing 6 changed files with 89 additions and 6 deletions
src/css/mobile-single.css
src/css/mobile.css
src/js/gbreplayer.js
src/player.html
src/scss/mobile-single.scss
src/scss/mobile.scss
+@media screen and (max-width: 768px) {
+  .full {
+    display: none; }
+  #previewpanel .nav-tabs > li > a {
+    padding: 4px 18px !important; } }
@@ -81,4 +81,8 @@
     left: 50%;
     transform: translate(-50%, -50%); }
   .ladda-button[data-style=expand-right][data-loading] {
-    padding-right: 0 !important; } }
+    padding-right: 0 !important; }
+  .player_volume_wrapper {
+    display: none; }
+  .full {
+    display: none; } }
@@ -414,8 +414,8 @@ $(function(){
 		        compileMode(langid);
 		        console.log(coderecords);
                 $("#play_audio").attr('src', "http://gxb-file.oss-cn-beijing.aliyuncs.com" + coderecords.audioUrl);
-                if (_languageid == 35) {
-                	$('#cmprun-tabs').hide();
+                if (_languageid != 35) {
+                	$('#cmprun-tabs').show();
                 }
                 if (_role ==0) {
                 	player.init({
@@ -1239,7 +1239,7 @@ $(function(){
 					$("#resultpanel").height($(window).height() - $resultpanel.top - 16 - 34);
 					$(".CodeMirror").height($(window).height() - $recordpanel.top - 288);
 				}
-				$('#resultoutput').find('.tab-content').height($(window).height() - $resultoutput.top - 164).css({'overflow-y': "scroll"})
+				$('#resultoutput').find('.tab-content').height($(window).height() - $resultoutput.top - 40).css({'overflow': "auto"})
  
 			   	/*保证编辑器都尺寸自动变化（包括滚动条）*/
 				if(typeof GBCodePlayBack.htmleditor !=='undefined'&&typeof GBCodePlayBack.csseditor!=='undefined'&&typeof GBCodePlayBack.jseditor!=='undefined'){
@@ -1742,7 +1742,7 @@ $(function(){
 			// $('#comprunbtngrp').html('<button id="runnow" type="button" data-style="expand-right" class="btn" title="运行代码">&nbsp; 运行</button>');
 		}else{
 			$('#fontendrun').addClass('hidden');
-			$('#comprunbtngrp').html('<button id="comprun" type="button" data-run="1" data-style="expand-right" class="btn comprun" title="编译并运行代码">&nbsp;编译&运行</button>');
+			$('#comprunbtngrp').html('<button id="comprun" type="button" data-run="1" data-style="expand-right" class="btn comprun" title="编译并运行代码"><span class="pc">编译&运行</span><span class="m-label"><p>编译</p><p>运行</p></span></button>');
  
 			$('#ifrcontainer').addClass('hidden');
 			$('#cmprun-output').removeClass('hidden');
@@ -16,6 +16,7 @@
     <!-- <link href="css/main.css" rel="stylesheet"> -->
     <link href="css/recording.css" rel="stylesheet">
     <link rel="stylesheet" href="js/audioPlayer/theme.default.css">
+    <!-- <link rel="stylesheet" href="css/mobile-single.css"> -->
  
     <script>
         var gxb_api = "https://restful.gaoxiaobang.com";
@@ -99,6 +100,7 @@
         overflow: hidden;
         margin: 3px 10px !important;
         color: #fff;
+        display: none;
     }
     #previewpanel .nav-tabs > li > a {
         margin-right: 0;
@@ -163,6 +165,61 @@
         background-color: #62DCF5;
         transition: 1s;
     }
+    .m-label{
+        display: none;
+    }
+
+    @media screen and (max-width: 768px) {
+        p{
+            margin: 0;
+        }
+        .full{
+            display: none
+        }
+        .m-label{
+            display: block;
+        }
+        .pc{
+            display: none;
+        }
+        #previewpanel .nav-tabs > li > a{
+            padding: 4px 18px !important;
+        }
+        #comprunbtngrp {
+            height: 56px;
+            padding-top: 0;
+            position: absolute;
+            right: 16px;
+            bottom: 54px;
+            z-index: 9999;
+        }
+        .comprun{
+            position: relative;
+            bottom: -40px;
+            padding: 0;
+            height: 56px;
+            width: 56px;
+            border-radius: 50%;
+            color: #FFF;
+            background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
+            background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
+        }
+        .toolbar .btn{
+            padding: 3px 14px;
+        }
+        .toolbar #comprunbtngrp {
+            margin-right: 14px;
+            padding-top: 0; 
+        }
+        .ladda-button .ladda-spinner{
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+        .player_volume_wrapper{
+            display: none !important;
+        }
+    }
 </style>
 </head>
 <body>
@@ -210,7 +267,8 @@
                             <li><a href="#stderr" role="tab" data-toggle="tab" class="text">错误</a></li>
                             <li><a href="#output" role="tab" data-toggle="tab" class="text">结果</a></li>
                         </ul>
-                        <div class="btn-group pull-right" id="comprunbtngrp"></div>
+                        <div class="btn-group pull-right" id="comprunbtngrp">
+                        </div>
                         <div class="full">
                             <a id="full-screen" class="fb">
                                 <img src="img/full-screen-icon.svg" alt="">
+@media screen and (max-width: 768px) {
+
+    .full{
+        display: none
+    }
+
+    #previewpanel .nav-tabs > li > a{
+        padding: 4px 18px !important;
+    }
+}
 \ No newline at end of file
@@ -116,6 +116,12 @@
         padding-right: 0 !important;
     }
  
+    .player_volume_wrapper{
+        display: none;
+    }
+    .full{
+        display: none
+    }
 }