From 5e66833905ebd8fb38bc10d2db57fd1c43cdd9b3 Mon Sep 17 00:00:00 2001
From: xyf-mac <xu_yanfeng@126.com>
Date: Fri, 12 Nov 2021 22:30:08 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=90=9C=E7=B4=A2=E6=A1=86?=
 =?UTF-8?q?=E4=B8=8D=E8=B7=9F=E9=9A=8F=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/src/devtools/ui/index.vue | 41 ++++++++++++++++----------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/source/src/devtools/ui/index.vue b/source/src/devtools/ui/index.vue
index d678b86..d00b638 100644
--- a/source/src/devtools/ui/index.vue
+++ b/source/src/devtools/ui/index.vue
@@ -16,17 +16,17 @@
           <div class="flex1"></div>
           <el-button type="success" class="el-icon-refresh" @click="onBtnClickUpdateTree"></el-button>
         </div>
-        <div class="treeList">
-          <el-input placeholder="输入关键字进行过滤" v-model="filterText">
-            <template slot="append">
-              <div class="matchCase ">
-                <div class="iconfont el-icon-third-font-size" @click.stop="onChangeCase"
-                     title="匹配大小写"
-                     :style="{'color':matchCase?'red':''}">
-                </div>
+        <el-input placeholder="输入关键字进行过滤" v-model="filterText">
+          <template slot="append">
+            <div class="matchCase ">
+              <div class="iconfont el-icon-third-font-size" @click.stop="onChangeCase"
+                   title="匹配大小写"
+                   :style="{'color':matchCase?'red':''}">
               </div>
-            </template>
-          </el-input>
+            </div>
+          </template>
+        </el-input>
+        <div class="treeList">
           <el-tree :data="treeData"
                    ref="tree"
                    style="display: inline-block;"
@@ -407,7 +407,8 @@ export default class Index extends Vue {
     display: flex;
     flex: 1;
     flex-direction: row;
-    overflow: hidden;
+    overflow-x: hidden;
+    overflow-y: auto;
 
     .left {
       display: flex;
@@ -420,6 +421,14 @@ export default class Index extends Vue {
         justify-content: center;
       }
 
+      .matchCase {
+        width: 30px;
+        height: 26px;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+      }
       .treeList {
         margin-top: 3px;
         height: 100%;
@@ -441,16 +450,6 @@ export default class Index extends Vue {
           text-decoration: line-through;
         }
 
-
-        .matchCase {
-          width: 30px;
-          height: 26px;
-          display: flex;
-          flex-direction: row;
-          align-items: center;
-          justify-content: center;
-        }
-
         &::-webkit-scrollbar {
           width: 6px;
           height: 6px;