add moblie style

ykxie
1 parent b6be95d9
Showing 4 changed files with 36 additions and 3 deletions
src/css/mobile.css
src/gxb-ide/CodingEditer.js
src/scss/mobile.scss
src/v1.1/player.html
+@media screen and (max-width: 768px) {
+  .record-wrap #ideDir {
+    display: none;
+    background-color: red; }
+  .record-wrap #ideEditer {
+    width: 100%; }
+  .console-wrap {
+    padding-left: 0; }
+    .console-wrap .CodeMirror-gutter {
+      display: none;
+      margin-left: 0; } }
 ;(function(window){
-
+    var _role = getQuery('role');
     var CodingEditer = {
         records: [],                    // 存储录入的操作
         recording_status: false,        // 当前是否在录制 true: 正在录制，false: 没有录制
@@ -465,8 +465,10 @@
  
                 CodingEditer.triggertotal = 0;
  
-                $('.play-code').show();
-                $('.pause-play-code').hide();
+                if (_role == 1) {
+                    $('.play-code').show();
+                    $('.pause-play-code').hide();
+                }
             }
  
         }
+@media screen and (max-width: 768px) {
+    .record-wrap{
+        #ideDir{
+            display: none;
+            background-color: red;
+        }
+        #ideEditer{
+            width: 100%;
+        }
+    }
+    .console-wrap{
+        padding-left: 0;
+        .CodeMirror-gutter{
+            display: none;
+            margin-left: 0;
+        }
+    }
+}
 \ No newline at end of file
@@ -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";