使用第三方icon库

source/src/devtools/icon-font/demo_index.html

@@ -54,6 +54,18 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe626;</span>
+                <div class="name">车巴巴-未知项</div>
+                <div class="code-name">&amp;#xe626;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe649;</span>
+                <div class="name">节点</div>
+                <div class="code-name">&amp;#xe649;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe65c;</span>
                 <div class="name">text</div>
@@ -78,9 +90,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1624096127322') format('woff2'),
+  src: url('iconfont.woff2?t=1624098111157') format('woff2'),
-       url('iconfont.woff?t=1624096127322') format('woff'),
+       url('iconfont.woff?t=1624098111157') format('woff'),
-       url('iconfont.ttf?t=1624096127322') format('truetype');
+       url('iconfont.ttf?t=1624098111157') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -107,11 +119,29 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
-            <span class="icon iconfont el-icon-thirdtext"></span>
+            <span class="icon iconfont el-icon-third-unknown"></span>
+            <div class="name">
+              车巴巴-未知项
+            </div>
+            <div class="code-name">.el-icon-third-unknown
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont el-icon-third-node"></span>
+            <div class="name">
+              节点
+            </div>
+            <div class="code-name">.el-icon-third-node
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont el-icon-third-text"></span>
             <div class="name">
               text
             </div>
-            <div class="code-name">.el-icon-thirdtext
+            <div class="code-name">.el-icon-third-text
             </div>
           </li>
           
@@ -131,7 +161,7 @@
 <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
 </code></pre>
         <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
-<pre><code class="language-html">&lt;span class="iconfont el-icon-thirdxxx"&gt;&lt;/span&gt;
+<pre><code class="language-html">&lt;span class="iconfont el-icon-third-xxx"&gt;&lt;/span&gt;
 </code></pre>
         <blockquote>
           <p>"
@@ -144,10 +174,26 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-thirdtext"></use>
+                  <use xlink:href="#el-icon-third-unknown"></use>
+                </svg>
+                <div class="name">车巴巴-未知项</div>
+                <div class="code-name">#el-icon-third-unknown</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#el-icon-third-node"></use>
+                </svg>
+                <div class="name">节点</div>
+                <div class="code-name">#el-icon-third-node</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#el-icon-third-text"></use>
                 </svg>
                 <div class="name">text</div>
-                <div class="code-name">#el-icon-thirdtext</div>
+                <div class="code-name">#el-icon-third-text</div>
             </li>
           
           </ul>

source/src/devtools/icon-font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2620843 */
-  src: url('iconfont.woff2?t=1624096127322') format('woff2'),
+  src: url('iconfont.woff2?t=1624098111157') format('woff2'),
-       url('iconfont.woff?t=1624096127322') format('woff'),
+       url('iconfont.woff?t=1624098111157') format('woff'),
-       url('iconfont.ttf?t=1624096127322') format('truetype');
+       url('iconfont.ttf?t=1624098111157') format('truetype');
 }
 
 .iconfont ,[class='el-icon-third'],[class*=' el-icon-third']{
@@ -13,7 +13,15 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.el-icon-thirdtext:before {
+.el-icon-third-unknown:before {
+  content: "\e626";
+}
+
+.el-icon-third-node:before {
+  content: "\e649";
+}
+
+.el-icon-third-text:before {
   content: "\e65c";
 }
 

source/src/devtools/icon-font/iconfont.json

@@ -2,9 +2,23 @@
   "id": "2620843",
   "name": "cc-icon",
   "font_family": "iconfont",
-  "css_prefix_text": "el-icon-third",
+  "css_prefix_text": "el-icon-third-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "1156016",
+      "name": "车巴巴-未知项",
+      "font_class": "unknown",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "6246293",
+      "name": "节点",
+      "font_class": "node",
+      "unicode": "e649",
+      "unicode_decimal": 58953
+    },
     {
       "icon_id": "9785726",
       "name": "text",