diff --git a/source/src/devtools/global.less b/source/src/devtools/global.less
index ec31db1..0c014d0 100644
--- a/source/src/devtools/global.less
+++ b/source/src/devtools/global.less
@@ -22,6 +22,10 @@
   }
 }
 
+.el-input-group__append {
+  padding: 0;
+}
+
 .el-tree {
   width: 100%;
 }
diff --git a/source/src/devtools/icon-font/demo_index.html b/source/src/devtools/icon-font/demo_index.html
index 8592643..47b57a2 100644
--- a/source/src/devtools/icon-font/demo_index.html
+++ b/source/src/devtools/icon-font/demo_index.html
@@ -54,6 +54,12 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe7b9;</span>
+                <div class="name">font-size</div>
+                <div class="code-name">&amp;#xe7b9;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe626;</span>
                 <div class="name">车巴巴-未知项</div>
@@ -90,9 +96,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1624098111157') format('woff2'),
-       url('iconfont.woff?t=1624098111157') format('woff'),
-       url('iconfont.ttf?t=1624098111157') format('truetype');
+  src: url('iconfont.woff2?t=1636725471182') format('woff2'),
+       url('iconfont.woff?t=1636725471182') format('woff'),
+       url('iconfont.ttf?t=1636725471182') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -118,6 +124,15 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont el-icon-third-font-size"></span>
+            <div class="name">
+              font-size
+            </div>
+            <div class="code-name">.el-icon-third-font-size
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont el-icon-third-unknown"></span>
             <div class="name">
@@ -172,6 +187,14 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#el-icon-third-font-size"></use>
+                </svg>
+                <div class="name">font-size</div>
+                <div class="code-name">#el-icon-third-font-size</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#el-icon-third-unknown"></use>
diff --git a/source/src/devtools/icon-font/iconfont.css b/source/src/devtools/icon-font/iconfont.css
index 1f6dc6d..4df6bf7 100644
--- a/source/src/devtools/icon-font/iconfont.css
+++ b/source/src/devtools/icon-font/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2620843 */
-  src: url('iconfont.woff2?t=1624098111157') format('woff2'),
-       url('iconfont.woff?t=1624098111157') format('woff'),
-       url('iconfont.ttf?t=1624098111157') format('truetype');
+  src: url('iconfont.woff2?t=1636725471182') format('woff2'),
+       url('iconfont.woff?t=1636725471182') format('woff'),
+       url('iconfont.ttf?t=1636725471182') format('truetype');
 }
 
 .iconfont ,[class='el-icon-third'],[class*=' el-icon-third']{
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.el-icon-third-font-size:before {
+  content: "\e7b9";
+}
+
 .el-icon-third-unknown:before {
   content: "\e626";
 }
diff --git a/source/src/devtools/icon-font/iconfont.js b/source/src/devtools/icon-font/iconfont.js
index afae78f..8897556 100644
--- a/source/src/devtools/icon-font/iconfont.js
+++ b/source/src/devtools/icon-font/iconfont.js
@@ -1 +1 @@
-!function(e){var t,n,o,i,d,l,c='<svg><symbol id="el-icon-third-unknown" viewBox="0 0 1024 1024"><path d="M552.103882 557.943378l0 45.939285c0 6.731308-2.495844 12.7023-7.482415 17.922185-4.992711 5.220908-14.154371 8.238638-27.493168 9.049097-13.343913 0.815575-23.376407-1.681292-30.103622-7.482415-6.731308-5.79703-10.091846-14.268982-10.091846-25.405623l0-41.065278c0-25.51921 3.5345-44.600801 10.614755-57.248865 7.075139-12.641925 16.879436-24.186865 29.407774-34.626635l17.749246-13.921058c11.363815-8.81476 21.516036-18.907629 30.450523-30.277584 8.92937-11.364839 12.81691-22.849404 11.659551-34.453696-1.391696-12.756535-8.933463-23.952528-22.620184-33.582863-13.69286-9.624195-28.771277-14.904455-45.242414-15.83464-19.488867-0.925069-35.443233 2.435469-47.851844 10.091846-12.413727 7.656377-21.288862 15.893992-26.623357 24.708751-5.339612 8.819876-9.282411 19.374256-11.83249 31.66928-2.556219 12.300141-5.220908 20.706601-8.004301 25.230638-2.784416 4.524037-7.079232 7.830339-12.876262 9.918907-5.802146 2.087545-11.256368 3.13234-16.356526 3.13234-8.819876 0.234337-16.824177-1.739621-24.012903-5.915733-7.193843-4.176113-11.83249-10.66899-13.921058-19.488867-2.088568-8.81476-1.973958-19.603477 0.347924-32.365128 3.709485-19.254529 8.466835-34.741245 14.268982-46.460148 5.79703-11.712763 13.626345-22.675442 23.491017-32.887015 9.858532-10.206456 21.403472-18.445094 34.626635-24.708751 13.225209-6.264681 26.677593-10.962679 40.36943-14.09502 13.68672-3.13234 27.841092-4.812609 42.457997-5.045923 19.254529-0.228197 36.944424 2.207271 53.071729 7.308453 16.123212 5.106298 30.043247 11.778254 41.762149 20.010753 11.712763 8.238638 21.283746 16.530488 28.711925 24.882714 7.42204 8.352225 14.093996 20.358677 20.010753 36.019355 5.915733 15.660678 8.526187 32.425504 7.830339 50.288337-0.930185 18.330484-5.046946 34.050514-12.354376 47.155996-7.309476 13.110599-20.593014 27.091008-39.847543 41.935088-19.259646 14.85022-31.206746 24.480554-35.845393 28.884864-4.643764 4.41045-8.178263 9.630335-10.613732 15.660678C553.322639 538.922163 552.103882 547.274388 552.103882 557.943378zM514.170944 759.792573c-12.301164 0.228197-24.186865-4.062526-35.671431-12.877285-11.484565-8.819876-18.156522-21.462824-20.010753-37.932937-1.859347-16.476253 2.958378-30.277584 14.44192-41.414225 11.484565-11.136641 24.762987-16.758686 39.847543-16.878412 15.078417-0.113587 28.243251 5.220908 39.499619 16.009625 11.250228 10.787694 16.878412 23.719214 16.878412 38.802748-0.234337 15.775288-5.915733 28.766161-17.052374 38.977733C540.96724 754.685251 528.319176 759.792573 514.170944 759.792573z"  ></path><path d="M511.828596 67.202565c-245.277286 0-444.11489 198.836581-444.11489 444.11489 0 245.277286 444.11489 444.11489 444.11489 444.11489s444.11489-198.837604 444.11489-444.11489C955.943486 266.039145 757.105882 67.202565 511.828596 67.202565zM511.828596 879.17045c0 0-367.850949-164.691923-367.850949-367.851972 0-203.160049 164.692946-367.852996 367.850949-367.852996 203.159026 0 367.852996 164.692946 367.852996 367.852996C879.680569 714.477504 511.828596 879.17045 511.828596 879.17045z"  ></path></symbol><symbol id="el-icon-third-node" viewBox="0 0 1024 1024"><path d="M512 8.416438l-436.252055 252.493151v503.583562l436.252055 251.090411 436.252055-251.090411V260.909589L512 8.416438z m328.241096 270.728767L512 471.320548 183.758904 279.145205 512 89.775342l328.241096 189.369863z m-694.356164 58.915069L476.931507 531.638356v381.545206L145.884932 723.813699V338.060274zM547.068493 914.586301V531.638356l331.046575-193.578082v384.350685L547.068493 914.586301z"  ></path></symbol><symbol id="el-icon-third-text" viewBox="0 0 1024 1024"><path d="M853.333333 170.666667H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666v128a42.666667 42.666667 0 0 0 85.333333 0V256h256v554.666667H384a42.666667 42.666667 0 0 0 0 85.333333h256a42.666667 42.666667 0 0 0 0-85.333333h-85.333333V256h256v85.333333a42.666667 42.666667 0 0 0 85.333333 0V213.333333a42.666667 42.666667 0 0 0-42.666667-42.666666z"  ></path></symbol></svg>',a=(a=document.getElementsByTagName("script"))[a.length-1].getAttribute("data-injectcss");if(a&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}function s(){d||(d=!0,o())}t=function(){var e,t,n;(n=document.createElement("div")).innerHTML=c,c=null,(t=n.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",e=t,(n=document.body).firstChild?(t=n.firstChild).parentNode.insertBefore(e,t):n.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),t()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(o=t,i=e.document,d=!1,(l=function(){try{i.documentElement.doScroll("left")}catch(e){return void setTimeout(l,50)}s()})(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,s())})}(window);
\ No newline at end of file
+!function(t){var e,n,o,i,l,d='<svg><symbol id="el-icon-third-font-size" viewBox="0 0 1024 1024"><path d="M479.829333 640H202.837333l-85.333333 213.333333H25.6L298.666667 170.666667h85.333333l273.066667 682.666666h-91.904l-85.333334-213.333333z m-34.133333-85.333333L341.333333 293.76 236.970667 554.666667h208.725333zM896 534.826667V512h85.333333v341.333333h-85.333333v-22.826666a170.666667 170.666667 0 1 1 0-295.68zM810.666667 768a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z"  ></path></symbol><symbol id="el-icon-third-unknown" viewBox="0 0 1024 1024"><path d="M552.103882 557.943378l0 45.939285c0 6.731308-2.495844 12.7023-7.482415 17.922185-4.992711 5.220908-14.154371 8.238638-27.493168 9.049097-13.343913 0.815575-23.376407-1.681292-30.103622-7.482415-6.731308-5.79703-10.091846-14.268982-10.091846-25.405623l0-41.065278c0-25.51921 3.5345-44.600801 10.614755-57.248865 7.075139-12.641925 16.879436-24.186865 29.407774-34.626635l17.749246-13.921058c11.363815-8.81476 21.516036-18.907629 30.450523-30.277584 8.92937-11.364839 12.81691-22.849404 11.659551-34.453696-1.391696-12.756535-8.933463-23.952528-22.620184-33.582863-13.69286-9.624195-28.771277-14.904455-45.242414-15.83464-19.488867-0.925069-35.443233 2.435469-47.851844 10.091846-12.413727 7.656377-21.288862 15.893992-26.623357 24.708751-5.339612 8.819876-9.282411 19.374256-11.83249 31.66928-2.556219 12.300141-5.220908 20.706601-8.004301 25.230638-2.784416 4.524037-7.079232 7.830339-12.876262 9.918907-5.802146 2.087545-11.256368 3.13234-16.356526 3.13234-8.819876 0.234337-16.824177-1.739621-24.012903-5.915733-7.193843-4.176113-11.83249-10.66899-13.921058-19.488867-2.088568-8.81476-1.973958-19.603477 0.347924-32.365128 3.709485-19.254529 8.466835-34.741245 14.268982-46.460148 5.79703-11.712763 13.626345-22.675442 23.491017-32.887015 9.858532-10.206456 21.403472-18.445094 34.626635-24.708751 13.225209-6.264681 26.677593-10.962679 40.36943-14.09502 13.68672-3.13234 27.841092-4.812609 42.457997-5.045923 19.254529-0.228197 36.944424 2.207271 53.071729 7.308453 16.123212 5.106298 30.043247 11.778254 41.762149 20.010753 11.712763 8.238638 21.283746 16.530488 28.711925 24.882714 7.42204 8.352225 14.093996 20.358677 20.010753 36.019355 5.915733 15.660678 8.526187 32.425504 7.830339 50.288337-0.930185 18.330484-5.046946 34.050514-12.354376 47.155996-7.309476 13.110599-20.593014 27.091008-39.847543 41.935088-19.259646 14.85022-31.206746 24.480554-35.845393 28.884864-4.643764 4.41045-8.178263 9.630335-10.613732 15.660678C553.322639 538.922163 552.103882 547.274388 552.103882 557.943378zM514.170944 759.792573c-12.301164 0.228197-24.186865-4.062526-35.671431-12.877285-11.484565-8.819876-18.156522-21.462824-20.010753-37.932937-1.859347-16.476253 2.958378-30.277584 14.44192-41.414225 11.484565-11.136641 24.762987-16.758686 39.847543-16.878412 15.078417-0.113587 28.243251 5.220908 39.499619 16.009625 11.250228 10.787694 16.878412 23.719214 16.878412 38.802748-0.234337 15.775288-5.915733 28.766161-17.052374 38.977733C540.96724 754.685251 528.319176 759.792573 514.170944 759.792573z"  ></path><path d="M511.828596 67.202565c-245.277286 0-444.11489 198.836581-444.11489 444.11489 0 245.277286 444.11489 444.11489 444.11489 444.11489s444.11489-198.837604 444.11489-444.11489C955.943486 266.039145 757.105882 67.202565 511.828596 67.202565zM511.828596 879.17045c0 0-367.850949-164.691923-367.850949-367.851972 0-203.160049 164.692946-367.852996 367.850949-367.852996 203.159026 0 367.852996 164.692946 367.852996 367.852996C879.680569 714.477504 511.828596 879.17045 511.828596 879.17045z"  ></path></symbol><symbol id="el-icon-third-node" viewBox="0 0 1024 1024"><path d="M512 8.416438l-436.252055 252.493151v503.583562l436.252055 251.090411 436.252055-251.090411V260.909589L512 8.416438z m328.241096 270.728767L512 471.320548 183.758904 279.145205 512 89.775342l328.241096 189.369863z m-694.356164 58.915069L476.931507 531.638356v381.545206L145.884932 723.813699V338.060274zM547.068493 914.586301V531.638356l331.046575-193.578082v384.350685L547.068493 914.586301z"  ></path></symbol><symbol id="el-icon-third-text" viewBox="0 0 1024 1024"><path d="M853.333333 170.666667H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666v128a42.666667 42.666667 0 0 0 85.333333 0V256h256v554.666667H384a42.666667 42.666667 0 0 0 0 85.333333h256a42.666667 42.666667 0 0 0 0-85.333333h-85.333333V256h256v85.333333a42.666667 42.666667 0 0 0 85.333333 0V213.333333a42.666667 42.666667 0 0 0-42.666667-42.666666z"  ></path></symbol></svg>',a=(a=document.getElementsByTagName("script"))[a.length-1].getAttribute("data-injectcss"),c=function(t,e){e.parentNode.insertBefore(t,e)};if(a&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}function s(){l||(l=!0,o())}function h(){try{i.documentElement.doScroll("left")}catch(t){return void setTimeout(h,50)}s()}e=function(){var t,e;(e=document.createElement("div")).innerHTML=d,d=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",e=t,(t=document.body).firstChild?c(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),e()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(o=e,i=t.document,l=!1,h(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,s())})}(window);
\ No newline at end of file
diff --git a/source/src/devtools/icon-font/iconfont.json b/source/src/devtools/icon-font/iconfont.json
index 8394ca7..0e76ee1 100644
--- a/source/src/devtools/icon-font/iconfont.json
+++ b/source/src/devtools/icon-font/iconfont.json
@@ -5,6 +5,13 @@
   "css_prefix_text": "el-icon-third-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "8794801",
+      "name": "font-size",
+      "font_class": "font-size",
+      "unicode": "e7b9",
+      "unicode_decimal": 59321
+    },
     {
       "icon_id": "1156016",
       "name": "车巴巴-未知项",
diff --git a/source/src/devtools/icon-font/iconfont.ttf b/source/src/devtools/icon-font/iconfont.ttf
index ed7d20e..f131e48 100644
Binary files a/source/src/devtools/icon-font/iconfont.ttf and b/source/src/devtools/icon-font/iconfont.ttf differ
diff --git a/source/src/devtools/icon-font/iconfont.woff b/source/src/devtools/icon-font/iconfont.woff
index 42a24df..43001b7 100644
Binary files a/source/src/devtools/icon-font/iconfont.woff and b/source/src/devtools/icon-font/iconfont.woff differ
diff --git a/source/src/devtools/icon-font/iconfont.woff2 b/source/src/devtools/icon-font/iconfont.woff2
index 72047e5..7ddcfe4 100644
Binary files a/source/src/devtools/icon-font/iconfont.woff2 and b/source/src/devtools/icon-font/iconfont.woff2 differ
diff --git a/source/src/devtools/ui/index.vue b/source/src/devtools/ui/index.vue
index 7a0ad8f..d678b86 100644
--- a/source/src/devtools/ui/index.vue
+++ b/source/src/devtools/ui/index.vue
@@ -17,6 +17,16 @@
           <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>
+              </div>
+            </template>
+          </el-input>
           <el-tree :data="treeData"
                    ref="tree"
                    style="display: inline-block;"
@@ -24,6 +34,7 @@
                    :highlight-current="true"
                    :default-expand-all="false"
                    :default-expanded-keys="expandedKeys"
+                   :filter-node-method="filterNode"
                    :expand-on-click-node="false"
                    node-key="uuid"
                    @node-expand="onNodeExpand"
@@ -51,7 +62,7 @@
 
 <script lang="ts">
 import Vue from "vue";
-import {Component} from "vue-property-decorator";
+import {Component, Watch} from "vue-property-decorator";
 import properties from "./propertys.vue";
 import {Msg, Page, PluginEvent} from "@/core/types"
 import {connectBackground} from "@/devtools/connectBackground";
@@ -70,6 +81,20 @@ export default class Index extends Vue {
   expandedKeys: Array<string> = [];
   selectedUUID: string | null = null;
 
+  filterText: string | null = null;
+
+  @Watch("filterText")
+  updateFilterText(val: any) {
+    (this.$refs?.tree as any)?.filter(val);
+  }
+
+  private matchCase = false;
+
+  onChangeCase() {
+    this.matchCase = !this.matchCase;
+    this.updateFilterText(this.filterText);
+  }
+
   // el-tree的渲染key
   defaultProps = {
     children: "children",
@@ -107,6 +132,19 @@ export default class Index extends Vue {
     });
   }
 
+  filterNode(value: any, data: any) {
+    if (!value) {
+      return true;
+    } else {
+      if (this.matchCase) {
+        // 严格匹配大写
+        return data?.name?.indexOf(value) !== -1;
+      } else {
+        return data?.name?.toLowerCase().indexOf(value.toLowerCase()) !== -1;
+      }
+    }
+  }
+
   _expand(uuid: string) {
 
     let expandKeys: Array<string> = [];
@@ -403,6 +441,16 @@ 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;