test

ykxie
1 parent 602ae0e3
Showing 3 changed files with 104 additions and 0 deletions
src/css/mobile.css
src/scss/mobile.scss
src/v1.1/player.html
+.m-title-wrap, .m-label {
+  display: none; }
+
+@media screen and (max-device-width: 414px) {
+  #ideDir {
+    display: none; }
+  .player_volume_wrapper, .ladda-label {
+    display: none !important; }
+  .m-label {
+    display: block; }
+  #componentWrapper .player_mediaTime_total {
+    border-right: none; }
+  #componentWrapper .progress_bg {
+    height: 4px; }
+  #componentWrapper .load_progress {
+    height: 4px; }
+  #componentWrapper .play_progress {
+    height: 4px;
+    background: #FFF; }
+  .m-title-wrap {
+    z-index: 99999;
+    height: 36px;
+    line-height: 36px;
+    background-color: #FFF;
+    display: block;
+    justify-content: space-between;
+    padding: 0 24px;
+    border-bottom: 1px solid #eee;
+    white-space: nowrap;
+    overflow: auto; }
+    .m-title-wrap .m-title {
+      float: left; }
+    .m-title-wrap .m-title, .m-title-wrap .m-menu {
+      padding-right: 12px; }
+  .CodeMirror-gutter {
+    width: 24px !important;
+    min-width: 24px !important; }
+  .record-wrap .m-dir-wrap {
+    display: none;
+    background-color: rgba(45, 48, 56, 0.8);
+    position: absolute;
+    z-index: 9999;
+    width: 100%;
+    height: 100%; }
+  .record-wrap #ideDir {
+    height: auto;
+    float: right; }
+  .record-wrap #ideEditer {
+    width: 100%;
+    height: calc(100% - 286px); }
+  .console-wrap {
+    padding-left: 0;
+    bottom: 40px;
+    padding-bottom: 40px;
+    height: auto; }
+    .console-wrap .CodeMirror-gutter {
+      display: none;
+      margin-left: 0; }
+    .console-wrap #toolbar {
+      padding: 0; }
+  #playFooter {
+    height: 40px;
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 0px 4px; }
+  .console-wrap #toolbar .func {
+    height: 56px;
+    padding-top: 0;
+    position: absolute;
+    right: 16px;
+    bottom: 54px;
+    z-index: 9999; }
+  #full-screen {
+    display: none; }
+  .compile-btn {
+    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%); }
+  .m-menu {
+    color: #1FB6FF; }
+    .m-menu img {
+      width: 16px;
+      vertical-align: middle; }
+  .ladda-button .ladda-spinner {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); }
+  .ladda-button[data-style=expand-right][data-loading] {
+    padding-right: 0 !important; }
+  .player_volume_wrapper {
+    display: none; }
+  .full {
+    display: none; }
+  #resultoutput .tab-content > .tab-pane {
+    padding-bottom: 64px; } }
@@ -2,6 +2,10 @@
     display: none;
 }
 @media screen and (max-device-width: 414px) {
+    #ideDir{
+        display: none;
+    }
+
  
     .player_volume_wrapper, .ladda-label{
         display: none !important;
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
     <title></title>
     <link rel="stylesheet" href="../css/responsive/css/bootstrap.min.css">
     <!-- <link href="../css/codemirror.css" rel="stylesheet"> -->
@@ -18,6 +19,7 @@
  
     <link rel="stylesheet" href="../gxb-ide/toolBox.css">
     <link rel="stylesheet" href="../css/ide.css">
+    <link rel="stylesheet" href="../css/mobile.css">
  
     <script>
         var gxb_api = "https://restful.gaoxiaobang.com";