From 6bf387626219f42325015a27abb66b70d993f4ac Mon Sep 17 00:00:00 2001
From: nextfu <nextfu@tencent.com>
Date: Thu, 16 Jul 2020 15:01:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=89=8B=E6=9C=BA=E7=AB=AF=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E6=97=B6=E9=9A=90=E8=97=8F=E9=A1=B6=E9=83=A8=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md    |  2 +-
 index.html   | 48 ++++++++++++++++++++++++++++++++++++++++++++++--
 preview.js   |  8 +++++++-
 version.json |  2 +-
 4 files changed, 55 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index d868ffe..e27da36 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# ccc-devtools v3.0.0
+# ccc-devtools v3.0.1
 Cocos Creator 网页调试工具，运行时查看、修改节点树，实时更新节点属性，可视化缓存资源。
 
 ## 功能
diff --git a/index.html b/index.html
index 7268212..fd0eaae 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
 </style>
 
 <v-app id="app">
-    <v-app-bar app clipped-left color="gray" dense v-if="true">
+    <v-app-bar app clipped-left color="gray" dense v-if="isShowTop">
         <v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
         <div id="recompiling"><span>Recompiling...</span></div>
         <v-spacer></v-spacer>
@@ -57,8 +57,52 @@
             <v-icon @click="openGithub" small>mdi-home</v-icon>
         </div>
     </v-app-bar>
+    
+    <div v-if="!isShowTop">
+        <div id="recompiling"><span>Recompiling...</span></div>
+        <div class="toolbar">
+            <div class="item">
+                <select id="opts-device">
+                    <option value="0">Default</option>
+                </select>
+            </div>
+            <div class="item">
+                <v-btn id="btn-rotate" small height="25"><span style="color: #aaa;">Rotate</span></v-btn>
+            </div>
+            <span style="font-size: small;display: none;" class="item">Debug Mode:</span>
+            <div class="item" style="display: none;">
+                <select id="opts-debug-mode">
+                    <option value="0">None</option>
+                    <option value="1">Info</option>
+                    <option value="2">Warn</option>
+                    <option value="3">Error</option>
+                    <option value="4">Info For Web Page</option>
+                    <option value="5">Warn For Web Page</option>
+                    <option value="6">Error For Web Page</option>
+                </select>
+            </div>
+            <div class="item">
+                <v-btn id="btn-show-fps" small height="25"><span style="color: #aaa;">Show FPS</span></v-btn>
+            </div>
+            <div class="item">
+                <span style="font-size: small;color: #aaa;" class="item">FPS:</span><input id="input-set-fps"
+                    type="number" />
+            </div>
+            <div style="margin-right: 0px;" class="item">
+                <v-btn id="btn-pause" small height="25"><span style="color: #aaa;">Pause</span></v-btn>
+            </div>
+            <div class="item">
+                <v-btn id="btn-step" style="display: none;" small height="25">
+                    <span style="color: #aaa;">Step</span>
+                </v-btn>
+            </div>
+            <div class="item">
+                <v-btn id="btn-recompile" small height="25"><span style="color: #aaa;">Recompile</span></v-btn>
+            </div>
+        </div>
+    </div>
 
-    <v-navigation-drawer v-model="drawer" app clipped fixed width="512">
+    <v-navigation-drawer v-model="drawer" app clipped fixed width="512" v-if="isShowTop">
         <v-container style="height: 50%;overflow: auto;">
             <v-text-field v-model="treeSearchText" dense label="Search Node or Component" dark flat solo-inverted
                 hide-details clearable clear-icon="mdi-close-circle-outline"></v-text-field>
diff --git a/preview.js b/preview.js
index 7c84b65..418b993 100644
--- a/preview.js
+++ b/preview.js
@@ -4,6 +4,7 @@ const app = new Vue({
         theme: { dark: true }
     }),
     data: {
+        isShowTop: true,
         drawer: false,
         cacheDialog: false,
         cacheTitle: '',
@@ -27,8 +28,13 @@ const app = new Vue({
         componentsSchema: [],
     },
     created() {
+        if (window.innerHeight === window.outerHeight) { // 手机端，chrome device模式
+            this.isShowTop = false;
+        }
         this.waitCCInit().then(() => {
-            this.startUpdateTree();
+            if (this.isShowTop) {
+                this.startUpdateTree();
+            }
             initConsoleUtil();
         });
     },
diff --git a/version.json b/version.json
index 1e087ed..737ba45 100644
--- a/version.json
+++ b/version.json
@@ -1,6 +1,6 @@
 {
     "name": "ccc-devtools",
-    "version": "3.0.0",
+    "version": "3.0.1",
     "author": "Next",
     "repo": "https://github.com/potato47/ccc-devtools.git"
 }
\ No newline at end of file