From 66963ca3ac938242d427895d11630e19bed93182 Mon Sep 17 00:00:00 2001
From: wanglin <1013335014@qq.com>
Date: Sat, 26 Jun 2021 00:01:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E8=8A=82=E7=82=B9=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E8=AE=BE=E7=BD=AE=E5=8F=8A=E4=B8=BB=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/.DS_Store                             | Bin 6148 -> 6148 bytes
 web/src/assets/.DS_Store                      | Bin 6148 -> 6148 bytes
 web/src/assets/icon-font/.DS_Store            | Bin 6148 -> 6148 bytes
 web/src/assets/icon-font/demo_index.html      |  75 +++++-
 web/src/assets/icon-font/iconfont.css         |  18 +-
 web/src/assets/icon-font/iconfont.js          |   2 +-
 web/src/assets/icon-font/iconfont.json        |  21 ++
 web/src/assets/icon-font/iconfont.ttf         | Bin 5380 -> 6004 bytes
 web/src/assets/icon-font/iconfont.woff        | Bin 3296 -> 3728 bytes
 web/src/assets/icon-font/iconfont.woff2       | Bin 2724 -> 3024 bytes
 web/src/components/ImgUpload/index.vue        |  64 ++---
 web/src/config/index.js                       |  82 ++++++-
 web/src/pages/Edit/components/BaseStyle.vue   | 194 ++++++++++++++-
 web/src/pages/Edit/components/Color.vue       |   5 +
 web/src/pages/Edit/components/Edit.vue        |  52 ++--
 .../pages/Edit/components/NodeHyperlink.vue   |  94 ++++++++
 web/src/pages/Edit/components/NodeIcon.vue    | 106 ++++++++
 web/src/pages/Edit/components/NodeImage.vue   |  85 +++++--
 web/src/pages/Edit/components/NodeNote.vue    |  84 +++++++
 web/src/pages/Edit/components/NodeTag.vue     | 152 ++++++++++++
 web/src/pages/Edit/components/Outline.vue     |   5 +
 web/src/pages/Edit/components/Sidebar.vue     |   7 +-
 web/src/pages/Edit/components/Style.vue       |   5 +
 web/src/pages/Edit/components/Theme.vue       | 104 ++++++++
 web/src/pages/Edit/components/Toolbar.vue     | 228 +++++++++++-------
 25 files changed, 1215 insertions(+), 168 deletions(-)
 create mode 100644 web/src/pages/Edit/components/NodeHyperlink.vue
 create mode 100644 web/src/pages/Edit/components/NodeNote.vue
 create mode 100644 web/src/pages/Edit/components/NodeTag.vue
 create mode 100644 web/src/pages/Edit/components/Theme.vue

diff --git a/web/src/.DS_Store b/web/src/.DS_Store
index 81a5b725c87d0ae64b8d743462e3345dc8cd336f..25d3418b20c97d67000f64c16680e8e7b1f87af5 100644
GIT binary patch
delta 81
zcmZoMXfc=|#>B)qu~2NHo+2aD#(>?7lMO^zCiAn*;V?Ha(NQoqFrK`bC3dq2hcL^;
kh9{fZIruq%8a4}Zd}p4_FXG6-00fK-3@n=?MAk3^0A9Hhb^rhX

delta 177
zcmZoMXfc=|#>B!ku~2NHo+2a5#(>?7ixrre7+EIsFwN&Mvar-qFg7-uyqPIhnw_D5
zA(0`OAsa}hGo&V!7Z)Vu<R>vOFr1jI!PKB3UR`ZyrlVkFZd9wIP;G8*prc@7Y*t&#
z$sw+4XzQ7fTUk|IQ(HG<@<k?j;h8{fXa;U(WM*R8%+A5j0d&x2LFVtwlles)IT#rj
On1G5IHb;o8VFmzr^eQ_5

diff --git a/web/src/assets/.DS_Store b/web/src/assets/.DS_Store
index 3c81c1540cd8e1c8c4692d5fa2634149c2c37b99..0da803ae05a4c17b5eb72bc966cdaf487900fadb 100644
GIT binary patch
delta 16
XcmZoMXffEZk%`&Z!g%u*rT|d@FfIi<

delta 16
XcmZoMXffEZk%`&Jz;yE#rT|d@FZu;E

diff --git a/web/src/assets/icon-font/.DS_Store b/web/src/assets/icon-font/.DS_Store
index f522a516955774d7df56053723e16daaf703a8b7..3f691a8f69b691c2345bed926c1a9e179619cc54 100644
GIT binary patch
delta 77
zcmZoMXffEJ%_y46P{@$akj+rVV9b!rki?M4kjs!d*@4ko4y#N`adJ*letr()=7o%D
OY!e$eHnVg5<p%)Pg%m6R

delta 76
zcmZoMXffEJ%_y4BV8~#^P{@!4gsBXf3>geb48@Zj7_DWo%A^!0=OpFl=WJfcn8r4-
LfparE$6tN`t-%w;

diff --git a/web/src/assets/icon-font/demo_index.html b/web/src/assets/icon-font/demo_index.html
index 00979aec..ea7a7ac3 100644
--- a/web/src/assets/icon-font/demo_index.html
+++ b/web/src/assets/icon-font/demo_index.html
@@ -54,6 +54,24 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe63d;</span>
+                <div class="name">导出</div>
+                <div class="code-name">&amp;#xe63d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63c;</span>
+                <div class="name">标签</div>
+                <div class="code-name">&amp;#xe63c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe65b;</span>
+                <div class="name">流程-备注</div>
+                <div class="code-name">&amp;#xe65b;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe6f4;</span>
                 <div class="name">超链接</div>
@@ -144,9 +162,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1622956585729') format('woff2'),
-       url('iconfont.woff?t=1622956585729') format('woff'),
-       url('iconfont.ttf?t=1622956585729') format('truetype');
+  src: url('iconfont.woff2?t=1624540474886') format('woff2'),
+       url('iconfont.woff?t=1624540474886') format('woff'),
+       url('iconfont.ttf?t=1624540474886') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -172,6 +190,33 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icondaochu"></span>
+            <div class="name">
+              导出
+            </div>
+            <div class="code-name">.icondaochu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconbiaoqian"></span>
+            <div class="name">
+              标签
+            </div>
+            <div class="code-name">.iconbiaoqian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconflow-Mark"></span>
+            <div class="name">
+              流程-备注
+            </div>
+            <div class="code-name">.iconflow-Mark
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont iconchaolianjie"></span>
             <div class="name">
@@ -307,6 +352,30 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icondaochu"></use>
+                </svg>
+                <div class="name">导出</div>
+                <div class="code-name">#icondaochu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconbiaoqian"></use>
+                </svg>
+                <div class="name">标签</div>
+                <div class="code-name">#iconbiaoqian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconflow-Mark"></use>
+                </svg>
+                <div class="name">流程-备注</div>
+                <div class="code-name">#iconflow-Mark</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#iconchaolianjie"></use>
diff --git a/web/src/assets/icon-font/iconfont.css b/web/src/assets/icon-font/iconfont.css
index 619ac08a..d6cbf5fc 100644
--- a/web/src/assets/icon-font/iconfont.css
+++ b/web/src/assets/icon-font/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2479351 */
-  src: url('iconfont.woff2?t=1622956585729') format('woff2'),
-       url('iconfont.woff?t=1622956585729') format('woff'),
-       url('iconfont.ttf?t=1622956585729') format('truetype');
+  src: url('iconfont.woff2?t=1624540474886') format('woff2'),
+       url('iconfont.woff?t=1624540474886') format('woff'),
+       url('iconfont.ttf?t=1624540474886') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icondaochu:before {
+  content: "\e63d";
+}
+
+.iconbiaoqian:before {
+  content: "\e63c";
+}
+
+.iconflow-Mark:before {
+  content: "\e65b";
+}
+
 .iconchaolianjie:before {
   content: "\e6f4";
 }
diff --git a/web/src/assets/icon-font/iconfont.js b/web/src/assets/icon-font/iconfont.js
index c5fb302b..61989f3b 100644
--- a/web/src/assets/icon-font/iconfont.js
+++ b/web/src/assets/icon-font/iconfont.js
@@ -1 +1 @@
-!function(c){var a,t,e,l,h,i,o='<svg><symbol id="iconchaolianjie" viewBox="0 0 1024 1024"><path d="M514.048 417.792c8.192 8.192 8.192 20.48 0 28.672-8.192 8.192-20.48 8.192-28.672 0-49.152-49.152-40.96-133.12 14.336-188.416l86.016-86.016c71.68-71.68 188.416-71.68 260.096 0s71.68 188.416 0 260.096l-86.016 86.016c-53.248 53.248-143.36 59.392-188.416 14.336-8.192-8.192-8.192-20.48 0-28.672s20.48-8.192 28.672 0c26.624 26.624 92.16 22.528 131.072-14.336l86.016-86.016c55.296-55.296 55.296-147.456 0-202.752s-147.456-55.296-202.752 0l-86.016 86.016c-40.96 40.96-45.056 100.352-14.336 131.072z m122.88-65.536c8.192-8.192 20.48-8.192 28.672 0 8.192 8.192 8.192 20.48 0 28.672l-288.768 288.768c-8.192 8.192-20.48 8.192-28.672 0-8.192-8.192-8.192-20.48 0-28.672l288.768-288.768z m-194.56 137.216c8.192 8.192 8.192 20.48 0 28.672s-20.48 8.192-28.672 0c-30.72-30.72-90.112-26.624-131.072 14.336l-86.016 86.016c-55.296 55.296-55.296 147.456 0 202.752s147.456 55.296 202.752 0l86.016-86.016c36.864-36.864 40.96-102.4 14.336-131.072-8.192-8.192-8.192-20.48 0-28.672 8.192-8.192 20.48-8.192 28.672 0 45.056 45.056 38.912 135.168-14.336 188.416l-86.016 86.016c-71.68 71.68-188.416 71.68-260.096 0s-71.68-188.416 0-260.096l86.016-86.016c55.296-55.296 139.264-61.44 188.416-14.336z"  ></path></symbol><symbol id="iconjingzi" viewBox="0 0 1024 1024"><path d="M929.7 232.9L810.3 101.6c-20.4-22.4-47.9-34.8-77.3-34.8s-56.9 12.4-77.3 34.8l-47.8 52.5c-7.7 8.5-14.2 18.2-19.1 28.8H436.4c-5-10.6-11.4-20.4-19.1-28.8l-47.8-52.5c-20.4-22.4-47.9-34.8-77.3-34.8s-56.9 12.4-77.3 34.8L95.4 232.9c-40.6 44.6-40.6 117.2 0 161.8l47.8 52.5c19.1 20.9 44.4 33 71 34.6v362c0 63.8 48.4 115.8 108 115.8H703c59.5 0 108-51.9 108-115.8v-362c26.5-1.6 51.9-13.6 71-34.6l47.8-52.5c40.5-44.6 40.5-117.2-0.1-161.8z m-41.3 124.3l-47.8 52.5c-13.2 14.5-31.6 19.9-49.4 14.5-8.5-2.6-17.6-1-24.8 4.3-7.1 5.2-11.3 13.6-11.3 22.4v392.9c0 33.1-23.4 60.1-52.2 60.1H322.2c-28.8 0-52.2-27-52.2-60.1v-393c0-8.8-4.2-17.1-11.3-22.4-4.9-3.6-10.7-5.5-16.6-5.5-2.7 0-5.5 0.4-8.2 1.2-17.8 5.4-36.2 0-49.4-14.5l-47.8-52.5c-21.5-23.6-21.5-63.4 0-86.9L256.2 139c9.7-10.7 22.5-16.5 36-16.5s26.2 5.9 35.9 16.5l47.8 52.5c6.5 7.1 11.3 16.2 13.9 26.2 3.2 12.3 14.3 20.9 27 20.9h191.4c12.7 0 23.9-8.6 27-20.9 2.6-10 7.4-19.1 13.9-26.2l47.8-52.5c9.7-10.7 22.5-16.5 36-16.5s26.2 5.9 35.9 16.5l119.5 131.2c21.5 23.6 21.5 63.5 0.1 87z" fill="#4D4D4D" ></path></symbol><symbol id="iconxiaolian" viewBox="0 0 1024 1024"><path d="M510.672296 925.58802c229.149457 0 414.915727-185.76137 414.915726-414.915727 0-229.149457-185.76627-414.915727-414.920626-414.915726-229.149457 0-414.910827 185.76627-414.910827 414.915726 0 229.149457 185.76137 414.920626 414.915727 414.920626z m0 95.751667C228.639933 1021.339687 0.000002 792.704655 0.000002 510.672293S228.639933 0 510.672296 0s510.667394 228.635032 510.667393 510.667394-228.635032 510.667394-510.667393 510.667394zM351.082917 494.715315c44.069088 0 79.794689-35.725602 79.794689-79.794689S395.156904 335.130836 351.082917 335.130836 271.298026 370.851538 271.298026 414.920626c0 44.069088 35.720702 79.794689 79.78979 79.794689z m319.168958 0c44.064188 0 79.78979-35.725602 79.78979-79.794689s-35.725602-79.78979-79.78979-79.78979c-44.069088 0-79.794689 35.720702-79.794689 79.78979 0 44.069088 35.725602 79.794689 79.794689 79.794689z m-159.584479 245.75804c-81.102799 0-154.160968-51.369025-187.177264-127.670523 0 0-3.086551-32.02664-36.793646-32.026639s-31.365236 32.02664-31.365236 32.026639c35.534529 109.430477 135.847433 191.503335 255.331247 191.503335 119.327037 0 225.318214-82.298225 255.336147-191.503335 0 0 0-32.02664-31.100675-32.026639-31.095775 0-36.024458 32.02664-36.024458 32.026639-28.538347 74.062523-105.060313 127.670523-188.206115 127.670523z"  ></path></symbol><symbol id="iconimage" viewBox="0 0 1024 1024"><path d="M778 183.8H247c-50.8 0-92 41.2-92 92v435c-1.2 4.8-1.2 9.4 0 14v23.6c0 50.8 41.2 92 92 92h531c50.8 0 92-41.2 92-92V275.8c0-50.8-41.2-92-92-92z m-531 56h531c19.8 0 36 16.2 36 36v349.4c-20.8-28.2-46-59-72.2-83.4-15.6-14.6-35-20.6-56.2-17.6-33.4 4.8-70 32.6-111.8 84.8-10 12.4-19 24.8-26.4 35.4-36.8-50.8-109.2-144.6-170.6-187.8-18.2-12.8-38.6-15.8-59.4-9-22.6 7.4-44.6 26.6-67 58.6-13 18.4-26.2 41.2-39.6 68V275.8c0.2-20 16.2-36 36.2-36z"  ></path><path d="M632 374.8a63 63 0 1 0 126 0 63 63 0 1 0-126 0z"  ></path></symbol><symbol id="iconjiegou" viewBox="0 0 1024 1024"><path d="M856 456H168c-55 0-100 45-100 100v222c0 12.12 2.19 23.75 6.18 34.52 11.45-8.77 25.29-13.53 39.8-13.53h3.22A54.353 54.353 0 0 1 113 778V556c0-14.58 5.75-28.36 16.19-38.81C139.64 506.75 153.42 501 168 501h688c14.58 0 28.36 5.75 38.81 16.19C905.25 527.64 911 541.42 911 556v222c0 7.3-1.44 14.41-4.2 20.99h3.22c14.51 0 28.35 4.76 39.8 13.53A99.178 99.178 0 0 0 956 778V556c0-55-45-100-100-100z" fill="#303133" ></path><path d="M135 754C60.75 754 0 814.75 0 889s60.75 135 135 135 135-60.75 135-135-60.75-135-135-135z m63.52 198.52C181.45 969.6 158.89 979 135 979s-46.45-9.4-63.52-26.48C54.4 935.45 45 912.89 45 889s9.4-46.45 26.48-63.52C88.55 808.4 111.11 799 135 799s46.45 9.4 63.52 26.48C215.6 842.55 225 865.11 225 889s-9.4 46.45-26.48 63.52zM889 754c-74.25 0-135 60.75-135 135s60.75 135 135 135 135-60.75 135-135-60.75-135-135-135z m63.52 198.52C935.45 969.6 912.89 979 889 979s-46.45-9.4-63.52-26.48C808.4 935.45 799 912.89 799 889s9.4-46.45 26.48-63.52C842.55 808.4 865.11 799 889 799s46.45 9.4 63.52 26.48C969.6 842.55 979 865.11 979 889s-9.4 46.45-26.48 63.52zM512 754c-74.25 0-135 60.75-135 135s60.75 135 135 135 135-60.75 135-135-60.75-135-135-135z m63.52 198.52C558.45 969.6 535.89 979 512 979s-46.45-9.4-63.52-26.48C431.4 935.45 422 912.89 422 889s9.4-46.45 26.48-63.52C465.55 808.4 488.11 799 512 799s46.45 9.4 63.52 26.48C592.6 842.55 602 865.11 602 889s-9.4 46.45-26.48 63.52z" fill="#303133" ></path><path d="M598 0H426c-55 0-100 45-100 100v172c0 55 45 100 100 100h63.5v84h45v-84H598c55 0 100-45 100-100V100C698 45 653 0 598 0z m55 272c0 14.58-5.75 28.36-16.19 38.81C626.36 321.25 612.58 327 598 327H426c-14.58 0-28.36-5.75-38.81-16.19C376.75 300.36 371 286.58 371 272V100c0-14.58 5.75-28.36 16.19-38.81C397.64 50.75 411.42 45 426 45h172c14.58 0 28.36 5.75 38.81 16.19C647.25 71.64 653 85.42 653 100v172z" fill="#303133" ></path></symbol><symbol id="iconyangshi" viewBox="0 0 1024 1024"><path d="M234.0864 65.8432L51.2 234.0352l168.2432 182.8864 563.2 607.0784 182.8352-160.9216zM124.3648 234.0352l102.4-87.7568 102.4 102.4-102.4 87.7568-102.4-102.4z m248.6784 599.808l-29.2352 65.8432-65.8432 7.3216 51.2 43.8784L314.5216 1024l58.5216-29.2352L431.5648 1024l-7.3216-73.1648 43.8784-51.2-65.8432-7.3216-29.2352-58.5216z m-226.7648-299.8784l-43.8784 102.4-102.4 14.6432 73.1648 73.1648-14.6432 109.7216 87.7568-51.2 87.7568 51.2-14.6432-109.7216 73.1648-73.1648-102.4-14.6432zM819.2 0l-58.5216 131.6352L621.7216 153.6l102.4 102.4-21.9648 146.2784 124.3648-73.1648 124.3648 73.1648L928.9216 256 1024 153.6l-138.9568-21.9648L819.2 0z"  ></path></symbol><symbol id="iconfuhao-dagangshu" viewBox="0 0 1024 1024"><path d="M128 96h512a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V160a64 64 0 0 1 64-64z m32 64a32 32 0 1 0 0 64h448a32 32 0 0 0 0-64H160z m224 576h512a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64H384a64 64 0 0 1-64-64v-64a64 64 0 0 1 64-64z m32 64a32 32 0 0 0 0 64h448a32 32 0 0 0 0-64H416z m-32-384h512a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64H384a64 64 0 0 1-64-64v-64a64 64 0 0 1 64-64z m32 64a32 32 0 0 0 0 64h448a32 32 0 0 0 0-64H416z" fill="#000000" ></path></symbol><symbol id="icontianjiazijiedian" viewBox="0 0 1024 1024"><path d="M458.2 371H112.6C86.9 371 66 350.1 66 324.5V164.9c0-25.7 20.9-46.5 46.5-46.5h345.6c25.7 0 46.5 20.9 46.5 46.5v159.5c0.1 25.7-20.8 46.6-46.4 46.6zM112.6 158.3c-3.6 0-6.6 3-6.6 6.6v159.5c0 3.6 3 6.6 6.6 6.6h345.6c3.6 0 6.6-3 6.6-6.6V164.9c0-3.6-3-6.6-6.6-6.6H112.6zM910.1 908H258.8c-25.7 0-46.5-20.9-46.5-46.5V515.9c0-25.7 20.9-46.5 46.5-46.5h651.3c25.7 0 46.5 20.9 46.5 46.5v345.6c0 25.7-20.8 46.5-46.5 46.5zM258.8 509.2c-3.6 0-6.6 3-6.6 6.6v345.6c0 3.6 3 6.6 6.6 6.6h651.3c3.6 0 6.6-3 6.6-6.6V515.9c0-3.6-3-6.6-6.6-6.6H258.8z" fill="#4F4F4F" ></path><path d="M225.5 695.3h-59.3c-18.3 0-33.2-14.9-33.2-33.1l-0.5-305.8c0-11 8.9-20 19.9-20 11 0 19.9 8.9 19.9 19.9l0.5 299.1h52.7c11 0 19.9 8.9 19.9 19.9s-8.8 20-19.9 20z" fill="#4F4F4F" ></path></symbol><symbol id="iconjiedian" viewBox="0 0 1024 1024"><path d="M941.84 208.87c-0.73-16.25-13.18-30-30-30H533.32c-7.7 0-15.4-0.07-23.11-0.12 0-7.82 0.07-15.65 0-23.47-0.21-24.62-10.21-49.51-28.71-66.13A92.82 92.82 0 0 0 418.82 65H313.91c-23.17 0-44.22 8.22-61.71 23.26-19.16 16.47-29.48 42.05-29.68 67-0.07 8.07-0.08 16.13-0.08 24.19a29.92 29.92 0 0 0-6-0.6H112.15c-15.69 0-30.71 13.8-30 30s13.18 30 30 30h104.32a28.05 28.05 0 0 0 5.93-0.65c-0.32 25.94-0.37 52.66 15.48 74.68C255.2 337 281.1 352 311.09 352.7c7.5 0.18 15 0 22.52 0h86.63c30.54-0.35 57-15.31 74.61-39.83 11.1-15.44 15.36-34.73 15.36-53.45v-20.56h348.54c17.44 0 34.93 0.37 52.37 0h0.73c15.69 0 30.71-13.79 29.99-29.99zM438.53 131a9.26 9.26 0 0 1-1.4-1.1c0.09-0.1 0.68 0.4 1.4 1.1z m-150.08 5.7a10.92 10.92 0 0 1-1.09 1.41c-0.07-0.11 0.43-0.69 1.09-1.41z m5.74 150.08a10.44 10.44 0 0 1 1.41 1.1c-0.09 0.06-0.69-0.44-1.41-1.1z m28.62 6c-4.81 0-9.65 0.12-14.46-0.19a64.22 64.22 0 0 1-7.6-2.09 58.17 58.17 0 0 1-6-3.42c-0.37-0.24-0.73-0.5-1.09-0.75-1.1-1-2.28-2.23-2.39-2.34-1-1-1.89-2.11-2.85-3.15a59.43 59.43 0 0 1-3.66-6.33 63.92 63.92 0 0 1-2.18-8.06c-1.07-12.84-0.09-26.16-0.09-38.93v-61.26c0-5.12-0.15-10.28 0.18-15.4a64.22 64.22 0 0 1 2.09-7.6 62.12 62.12 0 0 1 3.42-6l0.75-1.09c1-1.1 2.23-2.28 2.34-2.39 1-1 2.12-1.89 3.15-2.86a60.35 60.35 0 0 1 6.33-3.65 62.27 62.27 0 0 1 8.06-2.18c12.85-1.07 26.16-0.1 38.93-0.1H409c5.12 0 10.28-0.14 15.4 0.19a64.91 64.91 0 0 1 7.61 2.09 61.07 61.07 0 0 1 6 3.42c0.37 0.24 0.73 0.5 1.1 0.75 1.1 1 2.27 2.23 2.38 2.34 1 1 1.9 2.12 2.86 3.15a57.69 57.69 0 0 1 3.65 6.33 64 64 0 0 1 2.19 8.06c1.07 12.84 0.09 26.16 0.09 38.93v61.21c0 5.12 0.15 10.28-0.18 15.4a65 65 0 0 1-2.1 7.61 59.1 59.1 0 0 1-3.42 6c-0.24 0.37-0.49 0.73-0.75 1.09-1 1.1-2.22 2.28-2.34 2.39-1 1-2.11 1.89-3.14 2.86a61.39 61.39 0 0 1-6.33 3.65 63 63 0 0 1-7.75 2.12c-1.32 0.09-2.64 0.14-4 0.16zM444.27 281a11.48 11.48 0 0 1 1.1-1.41c0.07 0.14-0.43 0.73-1.1 1.41zM941.84 511.87c-0.73-16.25-13.18-30-30-30H807.53a28 28 0 0 0-6 0.68v-16.3c0-13.56-0.74-27.16-5.91-39.89-11-27.11-33.39-49-62.52-55.73-11.56-2.63-22.86-2.63-34.5-2.63h-83.25c-12 0-24 0-35.72 3.27-28.92 8.07-50.45 29.85-60.91 57.52-4.71 12.44-4.93 25.78-4.93 38.89v14.17H165.25c-17.44 0-34.93-0.37-52.37 0h-0.73c-15.69 0-30.71 13.8-30 30s13.18 30 30 30h378.53c7.7 0 15.41 0.07 23.11 0.12v8c0 11.09 0 21.57 1.74 32.63 4.12 25.93 22.55 50.56 45.88 62.46a94.53 94.53 0 0 0 40.77 10.57h68.32c29 0 59.37 3 85.67-11.85s41.78-41.71 44.92-71.22c0.84-7.95 0.39-16.14 0.39-24.11v-7.3a29.21 29.21 0 0 0 6 0.62h104.37c15.69 0.09 30.71-13.7 29.99-29.9zM729.81 434a10.44 10.44 0 0 1-1.41-1.1c0.09-0.1 0.69 0.4 1.41 1.1z m-150.08 5.7a11.48 11.48 0 0 1-1.1 1.41c-0.07-0.11 0.43-0.69 1.1-1.41z m5.74 150.08a10.07 10.07 0 0 1 1.4 1.1c-0.09 0.12-0.68-0.44-1.4-1.1zM732.72 587c-1 1-2.12 1.89-3.15 2.86a60.35 60.35 0 0 1-6.33 3.65 62 62 0 0 1-8 2.18c-12.09 1-24.6 0.1-36.62 0.1h-74.86c-1.34 0-2.66-0.07-4-0.16a62.64 62.64 0 0 1-7.76-2.12 59.1 59.1 0 0 1-6-3.42c-0.37-0.24-0.73-0.49-1.1-0.75-1.1-1-2.27-2.22-2.38-2.34-1-1-1.9-2.11-2.86-3.14a59.61 59.61 0 0 1-3.65-6.33 64.1 64.1 0 0 1-2.19-8.07c-1.07-12.84-0.09-26.16-0.09-38.93v-16.6-44.6c0-5.13-0.15-10.29 0.18-15.41a64.26 64.26 0 0 1 2.1-7.6 58.17 58.17 0 0 1 3.42-6c0.24-0.37 0.49-0.73 0.75-1.09 1-1.1 2.22-2.28 2.34-2.39 1-1 2.11-1.89 3.14-2.86a61.39 61.39 0 0 1 6.33-3.65 64.06 64.06 0 0 1 8.07-2.18c12.84-1.07 26.16-0.1 38.93-0.1h61.21c5.12 0 10.29-0.14 15.41 0.19a64.22 64.22 0 0 1 7.6 2.09 60.08 60.08 0 0 1 6 3.42c0.37 0.24 0.73 0.5 1.09 0.75 1.1 1 2.28 2.23 2.39 2.34 1 1 1.89 2.12 2.85 3.15a59.43 59.43 0 0 1 3.66 6.33 63.92 63.92 0 0 1 2.18 8.06c1.07 12.85 0.09 26.16 0.09 38.93v61.22c0 5.12 0.15 10.28-0.18 15.4a64.91 64.91 0 0 1-2.09 7.61 63.18 63.18 0 0 1-3.42 6l-0.75 1.1c-1.03 1.02-2.2 2.2-2.31 2.36z m2.83-2.91a10.92 10.92 0 0 1 1.09-1.41c0.07 0.05-0.43 0.64-1.09 1.32zM941.84 815.09c-0.73-16.25-13.18-30-30-30H533.32c-7.7 0-15.4-0.07-23.11-0.12 0-7.83 0.07-15.65 0-23.47C510 736.88 500 712 481.5 695.36a92.87 92.87 0 0 0-62.68-24.12h-29.67c-25.08 0-50.16-0.06-75.24 0-23.17 0-44.22 8.22-61.71 23.26-19.16 16.47-29.48 42.06-29.68 67-0.07 8.06-0.08 16.12-0.08 24.19a29.92 29.92 0 0 0-6-0.6H112.15c-15.69 0-30.71 13.79-30 30s13.18 30 30 30h104.32a27.42 27.42 0 0 0 5.93-0.65c-0.32 26-0.37 52.66 15.48 74.68 17.32 24.07 43.22 39.08 73.21 39.81 7.5 0.19 15 0 22.52 0h86.63c30.54-0.35 57-15.31 74.61-39.83 11.1-15.43 15.36-34.73 15.36-53.45v-20.58h348.54c17.44 0 34.93 0.38 52.37 0h0.73c15.69 0 30.71-13.79 29.99-29.98z m-503.31-77.91a10.07 10.07 0 0 1-1.4-1.1c0.09-0.08 0.68 0.43 1.4 1.1z m-150.08 5.73a10.11 10.11 0 0 1-1.09 1.41c-0.07-0.09 0.43-0.69 1.09-1.41zM294.19 893a11.48 11.48 0 0 1 1.41 1.1c-0.09 0.06-0.69-0.44-1.41-1.1z m28.62 6c-4.81 0-9.65 0.13-14.46-0.18a62.4 62.4 0 0 1-7.6-2.1 60 60 0 0 1-6-3.41l-1.09-0.75c-1.1-1-2.28-2.23-2.39-2.34-1-1-1.89-2.12-2.85-3.15a60.43 60.43 0 0 1-3.66-6.33 64.38 64.38 0 0 1-2.18-8.06c-1.07-12.85-0.09-26.16-0.09-38.93v-61.27c0-5.12-0.15-10.28 0.18-15.4a64.38 64.38 0 0 1 2.09-7.61 62 62 0 0 1 3.42-6l0.75-1.1c1-1.1 2.23-2.27 2.34-2.39 1-1 2.12-1.89 3.15-2.85a60.43 60.43 0 0 1 6.33-3.66 65.65 65.65 0 0 1 8.06-2.18c12.85-1.07 26.16-0.09 38.93-0.09H409c5.12 0 10.28-0.15 15.4 0.18a63.06 63.06 0 0 1 7.61 2.1 59.1 59.1 0 0 1 6 3.42c0.37 0.24 0.73 0.49 1.1 0.75 1.1 1 2.27 2.22 2.38 2.33 1 1 1.9 2.12 2.86 3.15a58.63 58.63 0 0 1 3.65 6.33 64.42 64.42 0 0 1 2.19 8.06c1.07 12.85 0.09 26.16 0.09 38.94v61.2c0 5.12 0.15 10.28-0.18 15.4a63.9 63.9 0 0 1-2.1 7.61 58 58 0 0 1-3.42 6c-0.24 0.37-0.49 0.74-0.75 1.1-1 1.1-2.22 2.28-2.34 2.39-1 1-2.11 1.89-3.14 2.85a61.47 61.47 0 0 1-6.33 3.66 64.8 64.8 0 0 1-7.75 2.12c-1.32 0.08-2.64 0.14-4 0.15z m121.46-11.69a10.6 10.6 0 0 1 1.1-1.41c0.07 0.04-0.43 0.64-1.1 1.36z"  ></path></symbol><symbol id="iconshanchu" viewBox="0 0 1024 1024"><path d="M814.29 136.567H207.664c-55.752 0-101.274 13.3-101.274 56.776v26.086h808.663v-26.086c0.511-42.965-45.011-56.776-100.763-56.776"  ></path><path d="M723.245 191.808l-19.948-140.66c-3.58-27.62-29.667-50.125-57.287-50.125H376.456c-28.132 0-53.707 22.505-57.799 50.126l-19.948 141.17c-3.58 27.621 15.856 22.506 43.477 22.506h337.07c28.133-0.511 47.57 4.604 43.989-23.017z m-360.6-28.643L377.99 51.66h265.463l15.344 111.505H362.645zM831.17 282.342H190.785c-36.827 0-64.959 30.177-61.378 67.005l55.24 607.648c3.58 36.827 36.316 67.005 73.655 67.005h505.35c36.828 0 70.074-30.178 73.655-67.005l55.24-607.137c3.58-36.827-24.04-67.516-61.378-67.516zM376.456 953.415H245.514l-43.476-592.816h174.418v592.816z m221.474 0H423.512V360.599H597.93v592.816z m177.487 0H646.01V360.599h172.883l-43.476 592.816z"  ></path></symbol><symbol id="iconzhankai" viewBox="0 0 1024 1024"><path d="M475.136 327.168v147.968h-147.968v74.24h147.968v147.968h74.24v-147.968h147.968v-74.24h-147.968v-147.968h-74.24z m36.864-222.208c225.28 0 407.04 181.76 407.04 407.04s-181.76 407.04-407.04 407.04-407.04-181.76-407.04-407.04 181.76-407.04 407.04-407.04z m0-74.24c-265.216 0-480.768 215.552-480.768 480.768s215.552 480.768 480.768 480.768 480.768-215.552 480.768-480.768-215.552-480.768-480.768-480.768z"  ></path></symbol><symbol id="iconzhankai1" viewBox="0 0 1024 1024"><path d="M512 105.472c225.28 0 407.04 181.76 407.04 407.04s-181.76 407.04-407.04 407.04-407.04-181.76-407.04-407.04 181.76-407.04 407.04-407.04z m0-74.24c-265.216 0-480.768 215.552-480.768 480.768s215.552 480.768 480.768 480.768 480.768-215.552 480.768-480.768-215.552-480.768-480.768-480.768z"  ></path><path d="M252.928 474.624h518.144v74.24h-518.144z"  ></path></symbol></svg>',s=(s=document.getElementsByTagName("script"))[s.length-1].getAttribute("data-injectcss");if(s&&!c.__iconfont__svg__cssinject__){c.__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(c){console&&console.log(c)}}function n(){h||(h=!0,e())}a=function(){var c,a,t;(t=document.createElement("div")).innerHTML=o,o=null,(a=t.getElementsByTagName("svg")[0])&&(a.setAttribute("aria-hidden","true"),a.style.position="absolute",a.style.width=0,a.style.height=0,a.style.overflow="hidden",c=a,(t=document.body).firstChild?(a=t.firstChild).parentNode.insertBefore(c,a):t.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),a()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(e=a,l=c.document,h=!1,(i=function(){try{l.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}n()})(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,n())})}(window);
\ No newline at end of file
+!function(c){var a,l,t,h,e,i,o='<svg><symbol id="icondaochu" viewBox="0 0 1024 1024"><path d="M968.772267 508.791467 757.111467 297.0624 757.111467 455.611733 680.0384 455.611733 671.061333 455.611733 368.503467 455.611733 368.503467 562.005333 671.061333 562.005333 680.0384 562.005333 757.111467 562.005333 757.111467 720.452267Z"  ></path><path d="M578.389333 781.585067c0 13.175467-10.717867 23.927467-23.927467 23.927467L126.976 805.512533c-13.2096 0-23.927467-10.752-23.927467-23.927467L103.048533 242.414933c0-13.175467 10.717867-23.927467 23.927467-23.927467l427.485867 0c13.2096 0 23.927467 10.752 23.927467 23.927467l0 99.191467 47.8208 0L626.210133 242.414933C626.210133 202.8544 594.0224 170.666667 554.461867 170.666667L126.976 170.666667C87.415467 170.666667 55.227733 202.8544 55.227733 242.414933l0 539.170133C55.227733 821.1456 87.415467 853.333333 126.976 853.333333l427.485867 0c39.560533 0 71.748267-32.187733 71.748267-71.748267l0-99.191467-47.8208 0L578.389333 781.585067z"  ></path></symbol><symbol id="iconbiaoqian" viewBox="0 0 1024 1024"><path d="M302 223.3c-43.4 0-78.7 35.3-78.7 78.7s35.3 78.7 78.7 78.7 78.7-35.3 78.7-78.7-35.3-78.7-78.7-78.7z m0 105c-14.5 0-26.2-11.8-26.2-26.2 0-14.5 11.8-26.2 26.2-26.2 14.5 0 26.2 11.8 26.2 26.2 0 14.4-11.7 26.2-26.2 26.2z"  ></path><path d="M912.6 541.4l-430-430c-9.8-9.8-23.2-15.4-37.1-15.4h-0.2l-296.1 0.9c-28.8 0.1-52.2 23.5-52.3 52.4l-0.9 296c0 14 5.5 27.4 15.4 37.3l430 430c10.3 10.3 23.7 15.4 37.1 15.4s26.9-5.1 37.1-15.4l297-297c20.5-20.5 20.5-53.7 0-74.2zM578.5 875.5l-430-430 0.9-296.1 295.9-0.9h0.2l430 430-297 297z"  ></path></symbol><symbol id="iconflow-Mark" viewBox="0 0 1024 1024"><path d="M812.4 201.5l-41.7-41.7c-16-16-42.4-15.7-58.7 0.7l-62.7 62.7H255.5c-30.7 0-55.7 25-55.7 55.7v541.4c0 30.7 25 55.7 55.7 55.7H694c30.7 0 55.7-25 55.7-55.7V322.2l62-62c16.4-16.4 16.7-42.7 0.7-58.7z m-99.9 618.8c0 10.2-8.3 18.6-18.6 18.6H255.5c-10.2 0-18.6-8.3-18.6-18.6V278.9c0-10.2 8.3-18.6 18.6-18.6h356.6L498 374.5c-7.8 7.8-12.3 18.1-12.5 29.1l-1 41.4c-0.3 11.2 3.9 21.8 11.8 29.7 7.7 7.7 17.8 11.8 28.7 11.8h1l44.1-1c12-0.3 23.4-5.7 31.3-15l111.1-111.1v460.9z m70.9-588.4L572.5 442.8l-0.7 0.7-0.7 0.8c-0.4 0.5-1.1 1.1-1.9 1.1l-44.1 1c-0.3 0-0.4-0.1-0.5-0.1 0 0-0.1-0.1-0.1-0.5l1-41.4c0-0.8 0.6-1.4 0.8-1.7l214-214c0.6-0.6 1.3-0.8 1.7-0.8 0.2 0 0.4 0 0.4 0.1l41.7 41.7c0.1 0.2 0.3 1.3-0.7 2.2z"  ></path><path d="M301.2 570.2c0 11 9 20 20 20h316c11 0 20-9 20-20s-9-20-20-20h-316c-11.1 0-20 8.9-20 20zM493.3 668.5H321.2c-11 0-20 9-20 20s9 20 20 20h172.2c11 0 20-9 20-20s-9-20-20.1-20z"  ></path></symbol><symbol id="iconchaolianjie" viewBox="0 0 1024 1024"><path d="M514.048 417.792c8.192 8.192 8.192 20.48 0 28.672-8.192 8.192-20.48 8.192-28.672 0-49.152-49.152-40.96-133.12 14.336-188.416l86.016-86.016c71.68-71.68 188.416-71.68 260.096 0s71.68 188.416 0 260.096l-86.016 86.016c-53.248 53.248-143.36 59.392-188.416 14.336-8.192-8.192-8.192-20.48 0-28.672s20.48-8.192 28.672 0c26.624 26.624 92.16 22.528 131.072-14.336l86.016-86.016c55.296-55.296 55.296-147.456 0-202.752s-147.456-55.296-202.752 0l-86.016 86.016c-40.96 40.96-45.056 100.352-14.336 131.072z m122.88-65.536c8.192-8.192 20.48-8.192 28.672 0 8.192 8.192 8.192 20.48 0 28.672l-288.768 288.768c-8.192 8.192-20.48 8.192-28.672 0-8.192-8.192-8.192-20.48 0-28.672l288.768-288.768z m-194.56 137.216c8.192 8.192 8.192 20.48 0 28.672s-20.48 8.192-28.672 0c-30.72-30.72-90.112-26.624-131.072 14.336l-86.016 86.016c-55.296 55.296-55.296 147.456 0 202.752s147.456 55.296 202.752 0l86.016-86.016c36.864-36.864 40.96-102.4 14.336-131.072-8.192-8.192-8.192-20.48 0-28.672 8.192-8.192 20.48-8.192 28.672 0 45.056 45.056 38.912 135.168-14.336 188.416l-86.016 86.016c-71.68 71.68-188.416 71.68-260.096 0s-71.68-188.416 0-260.096l86.016-86.016c55.296-55.296 139.264-61.44 188.416-14.336z"  ></path></symbol><symbol id="iconjingzi" viewBox="0 0 1024 1024"><path d="M929.7 232.9L810.3 101.6c-20.4-22.4-47.9-34.8-77.3-34.8s-56.9 12.4-77.3 34.8l-47.8 52.5c-7.7 8.5-14.2 18.2-19.1 28.8H436.4c-5-10.6-11.4-20.4-19.1-28.8l-47.8-52.5c-20.4-22.4-47.9-34.8-77.3-34.8s-56.9 12.4-77.3 34.8L95.4 232.9c-40.6 44.6-40.6 117.2 0 161.8l47.8 52.5c19.1 20.9 44.4 33 71 34.6v362c0 63.8 48.4 115.8 108 115.8H703c59.5 0 108-51.9 108-115.8v-362c26.5-1.6 51.9-13.6 71-34.6l47.8-52.5c40.5-44.6 40.5-117.2-0.1-161.8z m-41.3 124.3l-47.8 52.5c-13.2 14.5-31.6 19.9-49.4 14.5-8.5-2.6-17.6-1-24.8 4.3-7.1 5.2-11.3 13.6-11.3 22.4v392.9c0 33.1-23.4 60.1-52.2 60.1H322.2c-28.8 0-52.2-27-52.2-60.1v-393c0-8.8-4.2-17.1-11.3-22.4-4.9-3.6-10.7-5.5-16.6-5.5-2.7 0-5.5 0.4-8.2 1.2-17.8 5.4-36.2 0-49.4-14.5l-47.8-52.5c-21.5-23.6-21.5-63.4 0-86.9L256.2 139c9.7-10.7 22.5-16.5 36-16.5s26.2 5.9 35.9 16.5l47.8 52.5c6.5 7.1 11.3 16.2 13.9 26.2 3.2 12.3 14.3 20.9 27 20.9h191.4c12.7 0 23.9-8.6 27-20.9 2.6-10 7.4-19.1 13.9-26.2l47.8-52.5c9.7-10.7 22.5-16.5 36-16.5s26.2 5.9 35.9 16.5l119.5 131.2c21.5 23.6 21.5 63.5 0.1 87z" fill="#4D4D4D" ></path></symbol><symbol id="iconxiaolian" viewBox="0 0 1024 1024"><path d="M510.672296 925.58802c229.149457 0 414.915727-185.76137 414.915726-414.915727 0-229.149457-185.76627-414.915727-414.920626-414.915726-229.149457 0-414.910827 185.76627-414.910827 414.915726 0 229.149457 185.76137 414.920626 414.915727 414.920626z m0 95.751667C228.639933 1021.339687 0.000002 792.704655 0.000002 510.672293S228.639933 0 510.672296 0s510.667394 228.635032 510.667393 510.667394-228.635032 510.667394-510.667393 510.667394zM351.082917 494.715315c44.069088 0 79.794689-35.725602 79.794689-79.794689S395.156904 335.130836 351.082917 335.130836 271.298026 370.851538 271.298026 414.920626c0 44.069088 35.720702 79.794689 79.78979 79.794689z m319.168958 0c44.064188 0 79.78979-35.725602 79.78979-79.794689s-35.725602-79.78979-79.78979-79.78979c-44.069088 0-79.794689 35.720702-79.794689 79.78979 0 44.069088 35.725602 79.794689 79.794689 79.794689z m-159.584479 245.75804c-81.102799 0-154.160968-51.369025-187.177264-127.670523 0 0-3.086551-32.02664-36.793646-32.026639s-31.365236 32.02664-31.365236 32.026639c35.534529 109.430477 135.847433 191.503335 255.331247 191.503335 119.327037 0 225.318214-82.298225 255.336147-191.503335 0 0 0-32.02664-31.100675-32.026639-31.095775 0-36.024458 32.02664-36.024458 32.026639-28.538347 74.062523-105.060313 127.670523-188.206115 127.670523z"  ></path></symbol><symbol id="iconimage" viewBox="0 0 1024 1024"><path d="M778 183.8H247c-50.8 0-92 41.2-92 92v435c-1.2 4.8-1.2 9.4 0 14v23.6c0 50.8 41.2 92 92 92h531c50.8 0 92-41.2 92-92V275.8c0-50.8-41.2-92-92-92z m-531 56h531c19.8 0 36 16.2 36 36v349.4c-20.8-28.2-46-59-72.2-83.4-15.6-14.6-35-20.6-56.2-17.6-33.4 4.8-70 32.6-111.8 84.8-10 12.4-19 24.8-26.4 35.4-36.8-50.8-109.2-144.6-170.6-187.8-18.2-12.8-38.6-15.8-59.4-9-22.6 7.4-44.6 26.6-67 58.6-13 18.4-26.2 41.2-39.6 68V275.8c0.2-20 16.2-36 36.2-36z"  ></path><path d="M632 374.8a63 63 0 1 0 126 0 63 63 0 1 0-126 0z"  ></path></symbol><symbol id="iconjiegou" viewBox="0 0 1024 1024"><path d="M856 456H168c-55 0-100 45-100 100v222c0 12.12 2.19 23.75 6.18 34.52 11.45-8.77 25.29-13.53 39.8-13.53h3.22A54.353 54.353 0 0 1 113 778V556c0-14.58 5.75-28.36 16.19-38.81C139.64 506.75 153.42 501 168 501h688c14.58 0 28.36 5.75 38.81 16.19C905.25 527.64 911 541.42 911 556v222c0 7.3-1.44 14.41-4.2 20.99h3.22c14.51 0 28.35 4.76 39.8 13.53A99.178 99.178 0 0 0 956 778V556c0-55-45-100-100-100z" fill="#303133" ></path><path d="M135 754C60.75 754 0 814.75 0 889s60.75 135 135 135 135-60.75 135-135-60.75-135-135-135z m63.52 198.52C181.45 969.6 158.89 979 135 979s-46.45-9.4-63.52-26.48C54.4 935.45 45 912.89 45 889s9.4-46.45 26.48-63.52C88.55 808.4 111.11 799 135 799s46.45 9.4 63.52 26.48C215.6 842.55 225 865.11 225 889s-9.4 46.45-26.48 63.52zM889 754c-74.25 0-135 60.75-135 135s60.75 135 135 135 135-60.75 135-135-60.75-135-135-135z m63.52 198.52C935.45 969.6 912.89 979 889 979s-46.45-9.4-63.52-26.48C808.4 935.45 799 912.89 799 889s9.4-46.45 26.48-63.52C842.55 808.4 865.11 799 889 799s46.45 9.4 63.52 26.48C969.6 842.55 979 865.11 979 889s-9.4 46.45-26.48 63.52zM512 754c-74.25 0-135 60.75-135 135s60.75 135 135 135 135-60.75 135-135-60.75-135-135-135z m63.52 198.52C558.45 969.6 535.89 979 512 979s-46.45-9.4-63.52-26.48C431.4 935.45 422 912.89 422 889s9.4-46.45 26.48-63.52C465.55 808.4 488.11 799 512 799s46.45 9.4 63.52 26.48C592.6 842.55 602 865.11 602 889s-9.4 46.45-26.48 63.52z" fill="#303133" ></path><path d="M598 0H426c-55 0-100 45-100 100v172c0 55 45 100 100 100h63.5v84h45v-84H598c55 0 100-45 100-100V100C698 45 653 0 598 0z m55 272c0 14.58-5.75 28.36-16.19 38.81C626.36 321.25 612.58 327 598 327H426c-14.58 0-28.36-5.75-38.81-16.19C376.75 300.36 371 286.58 371 272V100c0-14.58 5.75-28.36 16.19-38.81C397.64 50.75 411.42 45 426 45h172c14.58 0 28.36 5.75 38.81 16.19C647.25 71.64 653 85.42 653 100v172z" fill="#303133" ></path></symbol><symbol id="iconyangshi" viewBox="0 0 1024 1024"><path d="M234.0864 65.8432L51.2 234.0352l168.2432 182.8864 563.2 607.0784 182.8352-160.9216zM124.3648 234.0352l102.4-87.7568 102.4 102.4-102.4 87.7568-102.4-102.4z m248.6784 599.808l-29.2352 65.8432-65.8432 7.3216 51.2 43.8784L314.5216 1024l58.5216-29.2352L431.5648 1024l-7.3216-73.1648 43.8784-51.2-65.8432-7.3216-29.2352-58.5216z m-226.7648-299.8784l-43.8784 102.4-102.4 14.6432 73.1648 73.1648-14.6432 109.7216 87.7568-51.2 87.7568 51.2-14.6432-109.7216 73.1648-73.1648-102.4-14.6432zM819.2 0l-58.5216 131.6352L621.7216 153.6l102.4 102.4-21.9648 146.2784 124.3648-73.1648 124.3648 73.1648L928.9216 256 1024 153.6l-138.9568-21.9648L819.2 0z"  ></path></symbol><symbol id="iconfuhao-dagangshu" viewBox="0 0 1024 1024"><path d="M128 96h512a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V160a64 64 0 0 1 64-64z m32 64a32 32 0 1 0 0 64h448a32 32 0 0 0 0-64H160z m224 576h512a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64H384a64 64 0 0 1-64-64v-64a64 64 0 0 1 64-64z m32 64a32 32 0 0 0 0 64h448a32 32 0 0 0 0-64H416z m-32-384h512a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64H384a64 64 0 0 1-64-64v-64a64 64 0 0 1 64-64z m32 64a32 32 0 0 0 0 64h448a32 32 0 0 0 0-64H416z" fill="#000000" ></path></symbol><symbol id="icontianjiazijiedian" viewBox="0 0 1024 1024"><path d="M458.2 371H112.6C86.9 371 66 350.1 66 324.5V164.9c0-25.7 20.9-46.5 46.5-46.5h345.6c25.7 0 46.5 20.9 46.5 46.5v159.5c0.1 25.7-20.8 46.6-46.4 46.6zM112.6 158.3c-3.6 0-6.6 3-6.6 6.6v159.5c0 3.6 3 6.6 6.6 6.6h345.6c3.6 0 6.6-3 6.6-6.6V164.9c0-3.6-3-6.6-6.6-6.6H112.6zM910.1 908H258.8c-25.7 0-46.5-20.9-46.5-46.5V515.9c0-25.7 20.9-46.5 46.5-46.5h651.3c25.7 0 46.5 20.9 46.5 46.5v345.6c0 25.7-20.8 46.5-46.5 46.5zM258.8 509.2c-3.6 0-6.6 3-6.6 6.6v345.6c0 3.6 3 6.6 6.6 6.6h651.3c3.6 0 6.6-3 6.6-6.6V515.9c0-3.6-3-6.6-6.6-6.6H258.8z" fill="#4F4F4F" ></path><path d="M225.5 695.3h-59.3c-18.3 0-33.2-14.9-33.2-33.1l-0.5-305.8c0-11 8.9-20 19.9-20 11 0 19.9 8.9 19.9 19.9l0.5 299.1h52.7c11 0 19.9 8.9 19.9 19.9s-8.8 20-19.9 20z" fill="#4F4F4F" ></path></symbol><symbol id="iconjiedian" viewBox="0 0 1024 1024"><path d="M941.84 208.87c-0.73-16.25-13.18-30-30-30H533.32c-7.7 0-15.4-0.07-23.11-0.12 0-7.82 0.07-15.65 0-23.47-0.21-24.62-10.21-49.51-28.71-66.13A92.82 92.82 0 0 0 418.82 65H313.91c-23.17 0-44.22 8.22-61.71 23.26-19.16 16.47-29.48 42.05-29.68 67-0.07 8.07-0.08 16.13-0.08 24.19a29.92 29.92 0 0 0-6-0.6H112.15c-15.69 0-30.71 13.8-30 30s13.18 30 30 30h104.32a28.05 28.05 0 0 0 5.93-0.65c-0.32 25.94-0.37 52.66 15.48 74.68C255.2 337 281.1 352 311.09 352.7c7.5 0.18 15 0 22.52 0h86.63c30.54-0.35 57-15.31 74.61-39.83 11.1-15.44 15.36-34.73 15.36-53.45v-20.56h348.54c17.44 0 34.93 0.37 52.37 0h0.73c15.69 0 30.71-13.79 29.99-29.99zM438.53 131a9.26 9.26 0 0 1-1.4-1.1c0.09-0.1 0.68 0.4 1.4 1.1z m-150.08 5.7a10.92 10.92 0 0 1-1.09 1.41c-0.07-0.11 0.43-0.69 1.09-1.41z m5.74 150.08a10.44 10.44 0 0 1 1.41 1.1c-0.09 0.06-0.69-0.44-1.41-1.1z m28.62 6c-4.81 0-9.65 0.12-14.46-0.19a64.22 64.22 0 0 1-7.6-2.09 58.17 58.17 0 0 1-6-3.42c-0.37-0.24-0.73-0.5-1.09-0.75-1.1-1-2.28-2.23-2.39-2.34-1-1-1.89-2.11-2.85-3.15a59.43 59.43 0 0 1-3.66-6.33 63.92 63.92 0 0 1-2.18-8.06c-1.07-12.84-0.09-26.16-0.09-38.93v-61.26c0-5.12-0.15-10.28 0.18-15.4a64.22 64.22 0 0 1 2.09-7.6 62.12 62.12 0 0 1 3.42-6l0.75-1.09c1-1.1 2.23-2.28 2.34-2.39 1-1 2.12-1.89 3.15-2.86a60.35 60.35 0 0 1 6.33-3.65 62.27 62.27 0 0 1 8.06-2.18c12.85-1.07 26.16-0.1 38.93-0.1H409c5.12 0 10.28-0.14 15.4 0.19a64.91 64.91 0 0 1 7.61 2.09 61.07 61.07 0 0 1 6 3.42c0.37 0.24 0.73 0.5 1.1 0.75 1.1 1 2.27 2.23 2.38 2.34 1 1 1.9 2.12 2.86 3.15a57.69 57.69 0 0 1 3.65 6.33 64 64 0 0 1 2.19 8.06c1.07 12.84 0.09 26.16 0.09 38.93v61.21c0 5.12 0.15 10.28-0.18 15.4a65 65 0 0 1-2.1 7.61 59.1 59.1 0 0 1-3.42 6c-0.24 0.37-0.49 0.73-0.75 1.09-1 1.1-2.22 2.28-2.34 2.39-1 1-2.11 1.89-3.14 2.86a61.39 61.39 0 0 1-6.33 3.65 63 63 0 0 1-7.75 2.12c-1.32 0.09-2.64 0.14-4 0.16zM444.27 281a11.48 11.48 0 0 1 1.1-1.41c0.07 0.14-0.43 0.73-1.1 1.41zM941.84 511.87c-0.73-16.25-13.18-30-30-30H807.53a28 28 0 0 0-6 0.68v-16.3c0-13.56-0.74-27.16-5.91-39.89-11-27.11-33.39-49-62.52-55.73-11.56-2.63-22.86-2.63-34.5-2.63h-83.25c-12 0-24 0-35.72 3.27-28.92 8.07-50.45 29.85-60.91 57.52-4.71 12.44-4.93 25.78-4.93 38.89v14.17H165.25c-17.44 0-34.93-0.37-52.37 0h-0.73c-15.69 0-30.71 13.8-30 30s13.18 30 30 30h378.53c7.7 0 15.41 0.07 23.11 0.12v8c0 11.09 0 21.57 1.74 32.63 4.12 25.93 22.55 50.56 45.88 62.46a94.53 94.53 0 0 0 40.77 10.57h68.32c29 0 59.37 3 85.67-11.85s41.78-41.71 44.92-71.22c0.84-7.95 0.39-16.14 0.39-24.11v-7.3a29.21 29.21 0 0 0 6 0.62h104.37c15.69 0.09 30.71-13.7 29.99-29.9zM729.81 434a10.44 10.44 0 0 1-1.41-1.1c0.09-0.1 0.69 0.4 1.41 1.1z m-150.08 5.7a11.48 11.48 0 0 1-1.1 1.41c-0.07-0.11 0.43-0.69 1.1-1.41z m5.74 150.08a10.07 10.07 0 0 1 1.4 1.1c-0.09 0.12-0.68-0.44-1.4-1.1zM732.72 587c-1 1-2.12 1.89-3.15 2.86a60.35 60.35 0 0 1-6.33 3.65 62 62 0 0 1-8 2.18c-12.09 1-24.6 0.1-36.62 0.1h-74.86c-1.34 0-2.66-0.07-4-0.16a62.64 62.64 0 0 1-7.76-2.12 59.1 59.1 0 0 1-6-3.42c-0.37-0.24-0.73-0.49-1.1-0.75-1.1-1-2.27-2.22-2.38-2.34-1-1-1.9-2.11-2.86-3.14a59.61 59.61 0 0 1-3.65-6.33 64.1 64.1 0 0 1-2.19-8.07c-1.07-12.84-0.09-26.16-0.09-38.93v-16.6-44.6c0-5.13-0.15-10.29 0.18-15.41a64.26 64.26 0 0 1 2.1-7.6 58.17 58.17 0 0 1 3.42-6c0.24-0.37 0.49-0.73 0.75-1.09 1-1.1 2.22-2.28 2.34-2.39 1-1 2.11-1.89 3.14-2.86a61.39 61.39 0 0 1 6.33-3.65 64.06 64.06 0 0 1 8.07-2.18c12.84-1.07 26.16-0.1 38.93-0.1h61.21c5.12 0 10.29-0.14 15.41 0.19a64.22 64.22 0 0 1 7.6 2.09 60.08 60.08 0 0 1 6 3.42c0.37 0.24 0.73 0.5 1.09 0.75 1.1 1 2.28 2.23 2.39 2.34 1 1 1.89 2.12 2.85 3.15a59.43 59.43 0 0 1 3.66 6.33 63.92 63.92 0 0 1 2.18 8.06c1.07 12.85 0.09 26.16 0.09 38.93v61.22c0 5.12 0.15 10.28-0.18 15.4a64.91 64.91 0 0 1-2.09 7.61 63.18 63.18 0 0 1-3.42 6l-0.75 1.1c-1.03 1.02-2.2 2.2-2.31 2.36z m2.83-2.91a10.92 10.92 0 0 1 1.09-1.41c0.07 0.05-0.43 0.64-1.09 1.32zM941.84 815.09c-0.73-16.25-13.18-30-30-30H533.32c-7.7 0-15.4-0.07-23.11-0.12 0-7.83 0.07-15.65 0-23.47C510 736.88 500 712 481.5 695.36a92.87 92.87 0 0 0-62.68-24.12h-29.67c-25.08 0-50.16-0.06-75.24 0-23.17 0-44.22 8.22-61.71 23.26-19.16 16.47-29.48 42.06-29.68 67-0.07 8.06-0.08 16.12-0.08 24.19a29.92 29.92 0 0 0-6-0.6H112.15c-15.69 0-30.71 13.79-30 30s13.18 30 30 30h104.32a27.42 27.42 0 0 0 5.93-0.65c-0.32 26-0.37 52.66 15.48 74.68 17.32 24.07 43.22 39.08 73.21 39.81 7.5 0.19 15 0 22.52 0h86.63c30.54-0.35 57-15.31 74.61-39.83 11.1-15.43 15.36-34.73 15.36-53.45v-20.58h348.54c17.44 0 34.93 0.38 52.37 0h0.73c15.69 0 30.71-13.79 29.99-29.98z m-503.31-77.91a10.07 10.07 0 0 1-1.4-1.1c0.09-0.08 0.68 0.43 1.4 1.1z m-150.08 5.73a10.11 10.11 0 0 1-1.09 1.41c-0.07-0.09 0.43-0.69 1.09-1.41zM294.19 893a11.48 11.48 0 0 1 1.41 1.1c-0.09 0.06-0.69-0.44-1.41-1.1z m28.62 6c-4.81 0-9.65 0.13-14.46-0.18a62.4 62.4 0 0 1-7.6-2.1 60 60 0 0 1-6-3.41l-1.09-0.75c-1.1-1-2.28-2.23-2.39-2.34-1-1-1.89-2.12-2.85-3.15a60.43 60.43 0 0 1-3.66-6.33 64.38 64.38 0 0 1-2.18-8.06c-1.07-12.85-0.09-26.16-0.09-38.93v-61.27c0-5.12-0.15-10.28 0.18-15.4a64.38 64.38 0 0 1 2.09-7.61 62 62 0 0 1 3.42-6l0.75-1.1c1-1.1 2.23-2.27 2.34-2.39 1-1 2.12-1.89 3.15-2.85a60.43 60.43 0 0 1 6.33-3.66 65.65 65.65 0 0 1 8.06-2.18c12.85-1.07 26.16-0.09 38.93-0.09H409c5.12 0 10.28-0.15 15.4 0.18a63.06 63.06 0 0 1 7.61 2.1 59.1 59.1 0 0 1 6 3.42c0.37 0.24 0.73 0.49 1.1 0.75 1.1 1 2.27 2.22 2.38 2.33 1 1 1.9 2.12 2.86 3.15a58.63 58.63 0 0 1 3.65 6.33 64.42 64.42 0 0 1 2.19 8.06c1.07 12.85 0.09 26.16 0.09 38.94v61.2c0 5.12 0.15 10.28-0.18 15.4a63.9 63.9 0 0 1-2.1 7.61 58 58 0 0 1-3.42 6c-0.24 0.37-0.49 0.74-0.75 1.1-1 1.1-2.22 2.28-2.34 2.39-1 1-2.11 1.89-3.14 2.85a61.47 61.47 0 0 1-6.33 3.66 64.8 64.8 0 0 1-7.75 2.12c-1.32 0.08-2.64 0.14-4 0.15z m121.46-11.69a10.6 10.6 0 0 1 1.1-1.41c0.07 0.04-0.43 0.64-1.1 1.36z"  ></path></symbol><symbol id="iconshanchu" viewBox="0 0 1024 1024"><path d="M814.29 136.567H207.664c-55.752 0-101.274 13.3-101.274 56.776v26.086h808.663v-26.086c0.511-42.965-45.011-56.776-100.763-56.776"  ></path><path d="M723.245 191.808l-19.948-140.66c-3.58-27.62-29.667-50.125-57.287-50.125H376.456c-28.132 0-53.707 22.505-57.799 50.126l-19.948 141.17c-3.58 27.621 15.856 22.506 43.477 22.506h337.07c28.133-0.511 47.57 4.604 43.989-23.017z m-360.6-28.643L377.99 51.66h265.463l15.344 111.505H362.645zM831.17 282.342H190.785c-36.827 0-64.959 30.177-61.378 67.005l55.24 607.648c3.58 36.827 36.316 67.005 73.655 67.005h505.35c36.828 0 70.074-30.178 73.655-67.005l55.24-607.137c3.58-36.827-24.04-67.516-61.378-67.516zM376.456 953.415H245.514l-43.476-592.816h174.418v592.816z m221.474 0H423.512V360.599H597.93v592.816z m177.487 0H646.01V360.599h172.883l-43.476 592.816z"  ></path></symbol><symbol id="iconzhankai" viewBox="0 0 1024 1024"><path d="M475.136 327.168v147.968h-147.968v74.24h147.968v147.968h74.24v-147.968h147.968v-74.24h-147.968v-147.968h-74.24z m36.864-222.208c225.28 0 407.04 181.76 407.04 407.04s-181.76 407.04-407.04 407.04-407.04-181.76-407.04-407.04 181.76-407.04 407.04-407.04z m0-74.24c-265.216 0-480.768 215.552-480.768 480.768s215.552 480.768 480.768 480.768 480.768-215.552 480.768-480.768-215.552-480.768-480.768-480.768z"  ></path></symbol><symbol id="iconzhankai1" viewBox="0 0 1024 1024"><path d="M512 105.472c225.28 0 407.04 181.76 407.04 407.04s-181.76 407.04-407.04 407.04-407.04-181.76-407.04-407.04 181.76-407.04 407.04-407.04z m0-74.24c-265.216 0-480.768 215.552-480.768 480.768s215.552 480.768 480.768 480.768 480.768-215.552 480.768-480.768-215.552-480.768-480.768-480.768z"  ></path><path d="M252.928 474.624h518.144v74.24h-518.144z"  ></path></symbol></svg>',s=(s=document.getElementsByTagName("script"))[s.length-1].getAttribute("data-injectcss");if(s&&!c.__iconfont__svg__cssinject__){c.__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(c){console&&console.log(c)}}function n(){e||(e=!0,t())}a=function(){var c,a,l;(l=document.createElement("div")).innerHTML=o,o=null,(a=l.getElementsByTagName("svg")[0])&&(a.setAttribute("aria-hidden","true"),a.style.position="absolute",a.style.width=0,a.style.height=0,a.style.overflow="hidden",c=a,(l=document.body).firstChild?(a=l.firstChild).parentNode.insertBefore(c,a):l.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(l=function(){document.removeEventListener("DOMContentLoaded",l,!1),a()},document.addEventListener("DOMContentLoaded",l,!1)):document.attachEvent&&(t=a,h=c.document,e=!1,(i=function(){try{h.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}n()})(),h.onreadystatechange=function(){"complete"==h.readyState&&(h.onreadystatechange=null,n())})}(window);
\ No newline at end of file
diff --git a/web/src/assets/icon-font/iconfont.json b/web/src/assets/icon-font/iconfont.json
index b22e9bcb..0dc62273 100644
--- a/web/src/assets/icon-font/iconfont.json
+++ b/web/src/assets/icon-font/iconfont.json
@@ -5,6 +5,27 @@
   "css_prefix_text": "icon",
   "description": "思维导图",
   "glyphs": [
+    {
+      "icon_id": "788015",
+      "name": "导出",
+      "font_class": "daochu",
+      "unicode": "e63d",
+      "unicode_decimal": 58941
+    },
+    {
+      "icon_id": "2678575",
+      "name": "标签",
+      "font_class": "biaoqian",
+      "unicode": "e63c",
+      "unicode_decimal": 58940
+    },
+    {
+      "icon_id": "6265396",
+      "name": "流程-备注",
+      "font_class": "flow-Mark",
+      "unicode": "e65b",
+      "unicode_decimal": 58971
+    },
     {
       "icon_id": "1790486",
       "name": "超链接",
diff --git a/web/src/assets/icon-font/iconfont.ttf b/web/src/assets/icon-font/iconfont.ttf
index fc5803d94d728c1d5e2994735fca1424a508db9b..6eed48c03e228e7e757a8358daac2ed0bde95c32 100644
GIT binary patch
delta 1267
zcmZ8gUuauZ82`R|lY4J+Z*%Uo$xUTVnm;pJ(k^sqk|ImfF=VLJm(qeT(8gr5oz2p<
zlTJ`lbPwX6;mqih)QRBBx(*#G${vdJWrAbOS%wHsEN3r@GP)PBH-0Bq=I|VT=YHoq
z-{0Rk_e^Fx`(C`c_0%5#_znO}RqK_x&lkR`0!Rad^DoZ6a_sv3rSAYdTL5fq`e>yV
z>ArlDZ0`_?)1**em(P)Wm9Trde(Ll=5-8qpv>cpmR4dV`T~CnzI_(qn%IP^Azzm)D
z&^~seQa{>To^W0R2o6%h`dnk-)TeK2Qvmh_GPrr}YI4*BB$4ph+12aMv(kOgJ){8m
z>94}q|9#s_9*~!4uYn}AG=!hoiedvjt+V)C>rc$TFBz@fQg`J>=MdmqkUP=<ef{Kd
z13a)oZoOcV#^5H8@B~lu{d|Ov@kxG!FYsl)eYdaO2H@<$Y3cu`tzV>FqeyY04`vJ=
zo&XAXsaPFU@KMPK0Wc^hgD$E;)S^%fr?rmW*3Yui+z=hnU?Q&ziU8bnL9u{GTu@Zt
z2^SO}c-jSJ0>0k`<pf@GAqe9mE(9BV%mq~he9}deiUWSc1(gYW!9}N_Ws(V0I`C~5
z)CAn^b0ONHQHD3sgDX;2T9<A4M^DQ0f%g&Ryz;j?p?*T=oqLn7Nt@J|cq4m4ahhsS
zNyZb+RKdy@hvGRqf<uLTid0I-3fiP8j$l&0cFTDc&s+)kok@Qn;Kz&pz+fioOhz-A
zC|-<a2JwwsA0A&R`xx^{y<)A^BAHBNXG^R#dZ7UAJMslNM(kOTguPTiLJ8WrVm_rN
zQq6oZX9pE8rjlODEC<7A=Z3ME_o4L|Vm6-59?E9pI%76t(zDLEX*;(=eaLXl>^CvZ
zoR6Jx+>4i`kA&f&?2It9*$=qJurK7?woPZ8F-)8N&NsM5md-ecO9hZ0mwtz)4Out<
zPr`&CCY50L5CH{ixR~D~cZm9zCshfliaj)(8<iL;NwqMF#i6i`E@Li#;iPEr0E!mn
zfwYk{MxDi;SgZ%X2*=BYQPnl)X-(HPtj#wK#2#y3w=sA4riAnpZz5*U=`}PgX@;RW
z8=A4cDx_7Pu1jC0jjnP$yz^@~9uMQavXL-$mPIHjqUrNpR@!=0VvXkaD57kNNSDah
zG>qehrR$dX5uklfeoHo?ABLd{S1x%rSjj{QWqLziR8U0?edtFW4eY`IF>Rs+O0CkU
ePQR?ZFjHxqoT;4f9h+?|?t7*(|5EGS;Nm}(W)I&0

delta 638
zcmZvYziU%b6vw~k{YskTHK_($B()m5B$Q$?I!Q%v5ejy&LmeuQ{xCzI38Y{hN~1V9
zNT@svA`Vtu+(ey9{tX?(Au60MDjgy?sL$_vZ*b{-eC|Ex+<VUVyfc`-U)?#ityg{k
z@({qvvhOwTp8dWA7?b4s&GkELm->%C0@gFYy<A`QR!UzNukvl5oUb#Gx@UH1_sC@3
z-`K3tV7&uwwe`lbSA03@FuzT|<a?V<sYsRgWAsnn^8D4(?6tpJz(}8hezVcq7%6@(
z1I2khc=M=t`l1V=Np{0Cog4WJKasT<06u-my!wBJZ3||bei}v;<%;s$;Dj{94mz^L
ztS}4?q!vsWM;G_vYv3Ks*qY**Va^^bJYeD&3XG(+pyOKBiq7bqE@(@;I@q5GLqPL~
z-vqnH=s98j@k2harU9ExT5yoX5OP!%q^Rr!V*U<Z8>#JF)IFZZJNSZH3CxBT5~APK
z@dQ?ca%vH*4Xq?l1v-;JJ?LBlm7xm>>;c+Jh_$-2bh<3Wap)i+8qxklLey-$o=R1E
x#u4L#SvH?o!}gB-%b9mxy#409&zD>=#1u<xaU>;a8Ip`-B`2;7BlvUd_CM$djuZd@

diff --git a/web/src/assets/icon-font/iconfont.woff b/web/src/assets/icon-font/iconfont.woff
index a61b65b45f900ea7dfc60bb116ed8b00bbf0eee2..e39ee878bd153f36a9f873cf7372aecc19d04e51 100644
GIT binary patch
delta 3269
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

delta 2833
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

diff --git a/web/src/assets/icon-font/iconfont.woff2 b/web/src/assets/icon-font/iconfont.woff2
index b1fc435f358b6571f6000d82ea7bee7424e6dd54..914aa0568f07449bf9b6688f2b5ef87ff75ec67a 100644
GIT binary patch
literal 3024
zcmV;>3orC{Pew8T0RR9101MCn3jhEB02g!s01JZv0RR9100000000000000000000
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
SJXo9uBxif@8j#PmYPAAZO~AAO

literal 2724
zcmV;V3S0GePew8T0RR9101Bi43jhEB02KrP018w90RR9100000000000000000000
z0000SR0d=Kgjx!kM3rO#HUcCAGz%O61Rw>3Z3lre8^RHzqK0x(z+``QzzJNPEs6jV
zn~1eA+FCde&RG^s`PGi$>*`AoSTQo5!9_TJPKK?@75qQ#M>}`koB6(ms8`cu+BUM0
zhBuXjCrc`+Kvk>!dG~8ORm{dU#3hNv-T$+b?Y?2jt7zyXLgkSmG_ypb0Rjfhruo;v
z@Ob9G{2r6ykfgo#&c(okH03qd-EYQr;0@}K+?;GKCLcJ^#Q=UW1}4`sdnq8NghCN0
z*9x;KXQ4AG=dMiKy)r$LA_pi`k+%1Y?uC9~-)Q;1>|OF;CQ$QSm(i3H9e=xbK|slD
zgY3&E=a)dZ519g#a$>I+w0+gbDFWW-LVU(j<U%6$j*k9{5RQfi0H;flzR;Q%cP1M4
zxz>F`1$RG@-%;(hyX@K%yK)n-cYwBq2pBMZ=Zf{5qk4$dczVf|)L`cbFj(~YxcU1o
z6%uN+n77Pu?f<t*?2_I`FuldnCo6R|0Av6Dmq(71s3@o@5g909xEc$t_ln*}Qi6T(
zQ4j+73J@ar1PD3!8W0?O3kV7PJO~x|We^JR1~S9&*C3SO{}Bwqhbko*mTU4oh61br
zd>;VuED$!8S(ld@g~2I3ZVwNJO|R>xw-=Q7d}I2R`Vx)LH4pA`IZIpERRh5y-sl)H
z);i7M<E(8C_IT7$Ru33rwsIP3vawd4Y;=1%(<ePHd_8A6Rqu3nvU3iBu<gItnQrp9
z@3@^EsQUJev_r75_)sfv=j5~xwI8@dwm4n4T^^Qd`!-UO1{b&NnA2^EC(Cy?mqows
z2!BYCZN<@bWNs^ys^7A;V@^ZD5A5#CnB@4?y@=>Z=e$qZRJL`;u6hu5n^EzxRz!4|
zw4*$3-Q}|-r=r&jAvrd}X2Y=K4!K(@&v7sWu4M-av`1NRdbb5nIW1Y}qP*Tcpd9U?
zsQ_J{l%<@X8;lfAawqs>>~Tq@M)B@g(!R=AaL-k8S@3vb26Awu-D#2Xw?Mcg0DBvg
z9lyInN4PUuCNzL>-`l7@x5=tFv+z#6hBLjsi->C)#2#N1dF*tk8Ni0rVb~=EIoyOj
ziD7X}(5&zO`>jXD^Vd$Xr>_e)&vIvOz<T};cUQR0jw50pTr>lfH)uI51+!JhkG6?Q
z4QxG%9%~E;u#enJ!O8Rt8d3&|s-VhB^m+RJ6a^_7>S_JddRdE1I1XTsq0(a~{6r`F
z@bzrNrMcfGt`Yr_j;pzNlz10_L<Czun70<#*2Rvg8ap~dIwy!uOkMz(00NK!k@090
z-F6gg$F9Dmtf<A_h>CT16Il#Gk9Dwa0E798)~{{Y&uTeKtaYNp8m#W9>IkFtml@2H
z6o*5B&@kA6*2#|0@;nDv0!}ssz<Z!N2QtXM;1C?)$aP1w_C~s+USS1@rHO<G-11N+
z$m?8do63QZw;^fL%Ny{Z)<)7+k=!6Ds1O6N>GlXGz@3l99!*G<MN<?oB5>E-GU^?G
zK!nroqM{DP5Q;T<R>G!}2y(|@S^}YzKNezKdmOv@S5pmGe_}YwU`EtCt=kPsa1*Ji
z)D{6o4C9J;eH<Zhd<1c9G;u;?aa@$0ISccMLuEi}duLNH;8=ipDwaF2;0T1#jKYzE
zg6zmlG=yu5h&<H1IpAsly!LDNC<q&aN?-v?f)TGJ4$NL0yP<m^jEsbVM+>FVVg8xJ
ze;y=O>!_AV(O4V!z4!GHX@zDqZ$QynO&bfyTnwZ}JEqn?tLakn?B`?S)($-SbIT03
zNqF!e;peBdBO}g5gv|=eYeufR`Sa(m$S}QHXRjM5T|DFkF^hN+vRHa+kH1&**}BEQ
zd~f?crS@5;XFspYQhY>DmR}TE>wf;a;+fj&dp!8BV*J2lV`8E)dEoPeDVU~gVA6A)
zF;XPyByF8Mo*B;Qs<lg&XsdO`TRO%thUqpkx?4s<!RQ#JMxC#u`b)0MA6Wg4S-)hM
z3Kl6km=?+g%+dOjrFvcQ<Pkl~^soICaH<sFT;vPrVTEA!woAcUsNGAF@`7o;7NxtV
zg~>_5viwfthKR{OlNl8^?@;|2%ie4vyi;-~S^nt-%KUgE6D;5kwW}VqsGbD%4kJY=
z*c18x^7d4-Cs>Mz4C@{AMAh=(V@J*1jM9v|rFon3LPKf3z63`T6_-1;VA-bTFt}N+
zpDLT`N@ex1Y`ule>7N3m+ZP_Ft2+?K?B5c<YO<L&nN9kY-$Qe9d^$^tFE{(HzMtd!
zKkjTYNsCuY#%zhDW2Ix(6q}`!_NL6`36qIfIkVVOoG;Iqcmnu|AW-G2vXNa%+azO^
z(UMd8lAmU6i0d5L;Ii1zzY*UY+=Lr~j|OkXkBoAP;zXN`U@&cGKMTP}X0V_;4ET|a
z%OD75yQXL9(r9U{UsHFJADt4^uWj@v^+lT)@v6bWFCIG7BVu+vd>QO3a<Dqk7YQ<p
zREDZsPgA|e4D5I3RTRET-2IyY0oDXaRwZ+XLJ)1tFI4yjfhxHM4yj>*p=Pk1+z(kF
zs4@4Q;AMfIzl&=&+yeqbn0eymH|3OK8~ie<Tq#|(g8cJ*pfZ}v&F&L&D)w!s$%MB!
z1Vtn2z`Lt>u1>PKRt4t*fZiIv!2UI%RzubYX-xfU*Z{+zhs@9-fFKWVF|n3G!7r}W
z?MXW79=^bRBMsz~c_ficw(Nx-lRv4(KhO{e^<UA;A_T;~_?_u4JPucOREA$)zbG+y
z2_8yF39-6*<%oH?J%;1Cb4PTMjxA*3?i4mONtrZ2wJY>5)d5u!llXtJskU>k*2f$7
zZf)<y^=<(VlC9QKwWRv-I3}?=A)z{vd7_x&?$rrQ;*-%4#+D4O(!iK`^VCpdIIF2r
z>zfW3Q>8gaSm-rXHU>3R2azKAI3~$o_wj|3o|r5_ZM9+5xeQ-kjcJI%Ly!8bO<?*T
zz>3<Rc<U-XPn{EGifaF}U|Aa$E(7h;Q=&+C{(Rg@&(m$T*pt0r2jS+v-YqGh`?j?>
z+cqB`>Hn8k|L<;k`{BRQb?qSs^0heus}kIk@i0&5pY_l<HFs&IfOn&j#52O+(wzf$
zT~$3^v@n33b;l_TXkj2@1T=ES1J|7nBNg*uB4-gSnPzJLihgts<OML*k%FSjEev$<
z1{z%+f$KiQ$UuKE(Uk+1Y$@-E6%*tBF&!flt1!6@xgrHgN=$#%cL7r?gY<4r>9K-!
zgEzvK#^zz?6c$*Q*v8nPt)@vJ(Pb7+s^`O*jD$H|rm$i*GSkfUHZ>7y+eSrZfuCh`
z7-HrDRZ!A)R8AoY<i;ld=<hGUC`$&S&rJCdbp@s~@TZ4bG-_smDNeAa+?BzG4OA;r
zQv#-=by5~IsVSCmZ4#8DS4+VZrbf)8C8t-DJ`v$^jp2ptb<T11O=~}0qac$jDk)R0
zLZvFzYScm1%aF`)BvKr^Q*}XixOa;WTU|Vh=<9ZvO3Sm21T`3s5Q|;cpd#8=SyA(s
e6zy;hR@;0}8PQ-!D9rNgxTX>JDq8>m0000r<R!ZR

diff --git a/web/src/components/ImgUpload/index.vue b/web/src/components/ImgUpload/index.vue
index 09da3823..3ec637d1 100644
--- a/web/src/components/ImgUpload/index.vue
+++ b/web/src/components/ImgUpload/index.vue
@@ -1,16 +1,14 @@
 <template>
   <div class="imgUploadContainer">
     <div class="imgUploadPanel">
-      <div class="upBtn" v-if="!previewSrc">
+      <div class="upBtn" v-if="!value">
         <label
           for="imgUploadInput"
           class="imgUploadInputArea"
           @dragenter.stop.prevent
           @dragover.stop.prevent
           @drop.stop.prevent="onDrop"
-          v-loading="loading"
-          element-loading-text="上传中..."
-          >点击此处添加图片、或拖动图片到此</label
+          >点击此处选择图片、或拖动图片到此</label
         >
         <input
           type="file"
@@ -19,10 +17,10 @@
           @change="onImgUploadInputChange"
         />
       </div>
-      <div v-if="previewSrc" class="uploadInfoBox">
+      <div v-if="value" class="uploadInfoBox">
         <div
           class="previewBox"
-          :style="{ backgroundImage: `url('${previewSrc}')` }"
+          :style="{ backgroundImage: `url('${value}')` }"
         ></div>
         <span class="delBtn el-icon-close" @click="deleteImg"></span>
       </div>
@@ -33,11 +31,19 @@
 <script>
 export default {
   name: "ImgUpload",
+  model: {
+    prop: "value",
+    event: "change",
+  },
+  props: {
+    value: {
+      type: String,
+      default: "",
+    },
+  },
   data() {
     return {
       file: null,
-      previewSrc: "",
-      loading: false,
     };
   },
   methods: {
@@ -48,7 +54,7 @@ export default {
      */
     onImgUploadInputChange(e) {
       let file = e.target.files[0];
-      this.uploadImg(file);
+      this.selectImg(file);
     },
 
     /**
@@ -59,40 +65,42 @@ export default {
     onDrop(e) {
       let dt = e.dataTransfer;
       let file = dt.files && dt.files[0];
-      this.uploadImg(file);
+      this.selectImg(file);
     },
 
     /**
      * @Author: 王林
      * @Date: 2021-06-06 16:56:14
-     * @Desc: 显示图片
+     * @Desc: 选择图片
      */
-    showImg(file) {
+    selectImg(file) {
       this.file = file;
       let fr = new FileReader();
       fr.readAsDataURL(file);
       fr.onload = (e) => {
-        this.previewSrc = e.target.result;
+        this.$emit("change", e.target.result);
       };
     },
 
     /**
      * @Author: 王林
-     * @Date: 2019-12-22 19:51:13
-     * @Desc: 上传图片
+     * @Date: 2021-06-22 23:03:46
+     * @Desc: 获取图片大小
      */
-    async uploadImg(file) {
-      this.loading = true;
-    
-    },
-
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-06 22:33:28
-     * @Desc: 获取图片url
-     */
-    getUrl() {
-      return this.this.previewSrc;
+    getSize() {
+      return new Promise((resolve, reject) => {
+        let img = new Image();
+        img.src = this.value;
+        img.onload = () => {
+          resolve({
+            width: img.width,
+            height: img.height,
+          });
+        };
+        img.onerror = (e) => {
+          reject(e);
+        };
+      });
     },
 
     /**
@@ -101,7 +109,7 @@ export default {
      * @Desc: 删除图片
      */
     deleteImg() {
-      this.previewSrc = "";
+      this.$emit("change", "none");
       this.file = null;
     },
   },
diff --git a/web/src/config/index.js b/web/src/config/index.js
index 2785bd82..24650e59 100644
--- a/web/src/config/index.js
+++ b/web/src/config/index.js
@@ -125,4 +125,84 @@ export const borderDasharrayList = [
 export const borderRadiusList = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
 
 // 线宽
-export const lineWidthList = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
\ No newline at end of file
+export const lineWidthList = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+
+// 图片重复方式
+export const backgroundRepeatList = [
+    {
+        name: '不重复',
+        value: 'no-repeat'
+    },
+    {
+        name: '重复',
+        value: 'repeat'
+    },
+    {
+        name: '水平方向重复',
+        value: 'repeat-x'
+    },
+    {
+        name: '垂直方向重复',
+        value: 'repeat-y'
+    }
+]
+
+// 背景图片大小
+export const backgroundSizeList = [
+    {
+        name: '自动',
+        value: 'auto'
+    },
+    {
+        name: '完全覆盖',
+        value: 'cover'
+    },
+    {
+        name: '最合适',
+        value: 'contain'
+    }
+]
+
+// 背景图片定位
+export const backgroundPositionList = [
+    {
+        name: '默认',
+        value: '0% 0%'
+    },
+    {
+        name: '左上',
+        value: 'left top'
+    },
+    {
+        name: '左中',
+        value: 'left center'
+    },
+    {
+        name: '左下',
+        value: 'left bottom'
+    },
+    {
+        name: '右上',
+        value: 'right top'
+    },
+    {
+        name: '右中',
+        value: 'right center'
+    },
+    {
+        name: '右下',
+        value: 'right bottom'
+    },
+    {
+        name: '中上',
+        value: 'center top'
+    },
+    {
+        name: '居中',
+        value: 'center center'
+    },
+    {
+        name: '中下',
+        value: 'center bottom'
+    }
+]
\ No newline at end of file
diff --git a/web/src/pages/Edit/components/BaseStyle.vue b/web/src/pages/Edit/components/BaseStyle.vue
index 28fd3a7b..13d4326c 100644
--- a/web/src/pages/Edit/components/BaseStyle.vue
+++ b/web/src/pages/Edit/components/BaseStyle.vue
@@ -1,17 +1,100 @@
 <template>
   <Sidebar ref="sidebar" title="基础样式">
     <div class="sidebarContent" v-if="data">
+      <!-- 背景 -->
       <div class="title noTop">背景</div>
       <div class="row">
-        <Color
-          :color="style.backgroundColor"
-          @change="
-            (color) => {
-              update('backgroundColor', color);
-            }
-          "
-        ></Color>
+        <el-tabs class="tab" v-model="activeTab">
+          <el-tab-pane label="颜色" name="color">
+            <Color
+              :color="style.backgroundColor"
+              @change="
+                (color) => {
+                  update('backgroundColor', color);
+                }
+              "
+            ></Color>
+          </el-tab-pane>
+          <el-tab-pane label="图片" name="image">
+            <ImgUpload
+              class="imgUpload"
+              v-model="style.backgroundImage"
+              @change="
+                (img) => {
+                  update('backgroundImage', img);
+                }
+              "
+            ></ImgUpload>
+            <div class="rowItem">
+              <span class="name">图片重复</span>
+              <el-select
+                size="mini"
+                style="width: 80px"
+                v-model="style.backgroundRepeat"
+                placeholder=""
+                @change="
+                  (value) => {
+                    update('backgroundRepeat', value);
+                  }
+                "
+              >
+                <el-option
+                  v-for="item in backgroundRepeatList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </div>
+            <div class="rowItem">
+              <span class="name">图片大小</span>
+              <el-select
+                size="mini"
+                style="width: 80px"
+                v-model="style.backgroundSize"
+                placeholder=""
+                @change="
+                  (value) => {
+                    update('backgroundSize', value);
+                  }
+                "
+              >
+                <el-option
+                  v-for="item in backgroundSizeList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </div>
+            <div class="rowItem">
+              <span class="name">图片定位</span>
+              <el-select
+                size="mini"
+                style="width: 80px"
+                v-model="style.backgroundPosition"
+                placeholder=""
+                @change="
+                  (value) => {
+                    update('backgroundPosition', value);
+                  }
+                "
+              >
+                <el-option
+                  v-for="item in backgroundPositionList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
       </div>
+      <!-- 连线 -->
       <div class="title noTop">连线</div>
       <div class="row">
         <div class="rowItem">
@@ -55,12 +138,13 @@
           </el-select>
         </div>
       </div>
+      <!-- 内边距 -->
       <div class="title noTop">节点内边距</div>
       <div class="row">
         <div class="rowItem">
           <span class="name">水平</span>
           <el-slider
-            style="width: 230px"
+            style="width: 210px"
             v-model="style.paddingX"
             @change="
               (value) => {
@@ -74,7 +158,7 @@
         <div class="rowItem">
           <span class="name">垂直</span>
           <el-slider
-            style="width: 230px"
+            style="width: 210px"
             v-model="style.paddingY"
             @change="
               (value) => {
@@ -84,6 +168,58 @@
           ></el-slider>
         </div>
       </div>
+      <!-- 图片 -->
+      <div class="title noTop">图片</div>
+      <div class="row">
+        <div class="rowItem">
+          <span class="name">显示的最大宽度</span>
+          <el-slider
+            style="width: 150px"
+            v-model="style.imgMaxWidth"
+            :min="10"
+            :max="300"
+            @change="
+              (value) => {
+                update('imgMaxWidth', value);
+              }
+            "
+          ></el-slider>
+        </div>
+      </div>
+      <div class="row">
+        <div class="rowItem">
+          <span class="name">显示的最大高度</span>
+          <el-slider
+            style="width: 150px"
+            v-model="style.imgMaxHeight"
+            :min="10"
+            :max="300"
+            @change="
+              (value) => {
+                update('imgMaxHeight', value);
+              }
+            "
+          ></el-slider>
+        </div>
+      </div>
+      <!-- 图标 -->
+      <div class="title noTop">图标</div>
+      <div class="row">
+        <div class="rowItem">
+          <span class="name">大小</span>
+          <el-slider
+            style="width: 210px"
+            v-model="style.iconSize"
+            :min="12"
+            :max="50"
+            @change="
+              (value) => {
+                update('iconSize', value);
+              }
+            "
+          ></el-slider>
+        </div>
+      </div>
     </div>
   </Sidebar>
 </template>
@@ -91,13 +227,20 @@
 <script>
 import Sidebar from "./Sidebar";
 import Color from "./Color";
-import { lineWidthList } from "@/config";
+import { lineWidthList, backgroundRepeatList, backgroundSizeList, backgroundPositionList } from "@/config";
+import ImgUpload from "@/components/ImgUpload";
 
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:52:56 
+ * @Desc: 基础样式 
+ */
 export default {
   name: "BaseStyle",
   components: {
     Sidebar,
     Color,
+    ImgUpload,
   },
   props: {
     data: {
@@ -111,17 +254,28 @@ export default {
   data() {
     return {
       lineWidthList,
+      backgroundRepeatList,
+      backgroundSizeList,
+      backgroundPositionList,
+      activeTab: "color",
       style: {
         backgroundColor: "",
         lineColor: "",
         lineWidth: "",
         paddingX: 0,
         paddingY: 0,
+        imgMaxWidth: 0,
+        imgMaxHeight: 0,
+        iconSize: 0,
+        backgroundImage: "",
+        backgroundRepeat: "no-repeat",
+        backgroundSize: 'auto',
+        backgroundPosition: '0% 0%'
       },
     };
   },
   created() {
-    this.$bus.$on("showTheme", () => {
+    this.$bus.$on("showBaseStyle", () => {
       this.$refs.sidebar.show = true;
       this.initStyle();
     });
@@ -139,6 +293,13 @@ export default {
         "lineColor",
         "paddingX",
         "paddingY",
+        "imgMaxWidth",
+        "imgMaxHeight",
+        "iconSize",
+        "backgroundImage",
+        "backgroundRepeat",
+        "backgroundSize",
+        "backgroundPosition"
       ].forEach((key) => {
         this.style[key] = this.mindMap.getThemeConfig(key);
       });
@@ -181,6 +342,14 @@ export default {
     justify-content: space-between;
     margin-bottom: 10px;
 
+    .tab {
+      width: 100%;
+    }
+
+    .imgUpload {
+      margin-bottom: 5px;
+    }
+
     .btnGroup {
       width: 100%;
       display: flex;
@@ -190,6 +359,7 @@ export default {
     .rowItem {
       display: flex;
       align-items: center;
+      margin-bottom: 5px;
 
       .name {
         font-size: 12px;
diff --git a/web/src/pages/Edit/components/Color.vue b/web/src/pages/Edit/components/Color.vue
index 095d81af..f30cc2f8 100644
--- a/web/src/pages/Edit/components/Color.vue
+++ b/web/src/pages/Edit/components/Color.vue
@@ -23,6 +23,11 @@
 <script>
 import { colorList } from "@/config";
 
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:53:10 
+ * @Desc: 颜色选择器 
+ */
 export default {
   name: "Color",
   props: {
diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue
index 9d73e480..beb5935a 100644
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -8,33 +8,41 @@
       :mindMap="mindMap"
       @change="changeThemeConfig"
     ></BaseStyle>
+    <Theme :mindMap="mindMap"></Theme>
   </div>
 </template>
 
 <script>
-import MindMap from 'simple-mind-map'
-import Outline from './Outline'
-import Style from './Style'
-import BaseStyle from './BaseStyle'
-import exampleData from 'simple-mind-map/example/exampleData'
+import MindMap from "simple-mind-map";
+import Outline from "./Outline";
+import Style from "./Style";
+import BaseStyle from "./BaseStyle";
+import exampleData from "simple-mind-map/example/exampleData";
+import Theme from "./Theme";
 
+/**
+ * @Author: 王林
+ * @Date: 2021-06-24 22:56:17
+ * @Desc: 编辑区域
+ */
 export default {
-  name: 'Edit',
+  name: "Edit",
   components: {
     Outline,
     Style,
     BaseStyle,
+    Theme,
   },
   data() {
     return {
       mindMap: null,
       mindMapData: exampleData,
-    }
+    };
   },
   created() {},
   mounted() {
-    this.init()
-    this.$bus.$on('execCommand', this.execCommand)
+    this.init();
+    this.$bus.$on("execCommand", this.execCommand);
   },
   methods: {
     /**
@@ -43,20 +51,20 @@ export default {
      * @Desc: 初始化
      */
     init() {
-      let { root, layout, theme } = this.mindMapData
+      let { root, layout, theme } = this.mindMapData;
       this.mindMap = new MindMap({
         el: this.$refs.mindMapContainer,
         data: root,
         layout: layout,
         theme: theme.template,
         themeConfig: theme.config,
-      })
-      this.mindMap.on('node_active', (...args) => {
-        this.$bus.$emit('node_active', ...args)
-      })
-      this.mindMap.on('data_change', (...args) => {
-        this.$bus.$emit('data_change', ...args)
-      })
+      });
+      this.mindMap.on("node_active", (...args) => {
+        this.$bus.$emit("node_active", ...args);
+      });
+      this.mindMap.on("data_change", (...args) => {
+        this.$bus.$emit("data_change", ...args);
+      });
     },
 
     /**
@@ -65,7 +73,7 @@ export default {
      * @Desc: 修改主题配置
      */
     changeThemeConfig() {
-      this.mindMap.setThemeConfig(this.mindMapData.theme.config)
+      this.mindMap.setThemeConfig(this.mindMapData.theme.config);
     },
 
     /**
@@ -74,7 +82,7 @@ export default {
      * @Desc: 重新渲染
      */
     reRender() {
-      this.mindMap.render()
+      this.mindMap.render();
     },
 
     /**
@@ -83,10 +91,10 @@ export default {
      * @Desc: 执行命令
      */
     execCommand(...args) {
-      this.mindMap.execCommand(...args)
+      this.mindMap.execCommand(...args);
     },
   },
-}
+};
 </script>
 
 <style lang="less" scoped>
@@ -94,7 +102,7 @@ export default {
   position: fixed;
   left: 0;
   right: 0;
-  top: 62px;
+  top: 0;
   bottom: 0;
 
   .mindMapContainer {
diff --git a/web/src/pages/Edit/components/NodeHyperlink.vue b/web/src/pages/Edit/components/NodeHyperlink.vue
new file mode 100644
index 00000000..2af20344
--- /dev/null
+++ b/web/src/pages/Edit/components/NodeHyperlink.vue
@@ -0,0 +1,94 @@
+<template>
+  <el-dialog
+    class="nodeDialog"
+    title="超链接"
+    :visible.sync="dialogVisible"
+    width="500"
+  >
+    <div class="item">
+			<span class="name">链接</span>
+			<el-input v-model="link" size="mini" placeholder="http://xxxx.com/"></el-input>
+		</div>
+    <div class="item">
+			<span class="name">名称</span>
+			<el-input v-model="linkTitle" size="mini"></el-input>
+		</div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="cancel">取 消</el-button>
+      <el-button type="primary" @click="confirm">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:53:17 
+ * @Desc: 节点超链接内容设置 
+ */
+export default {
+  name: "NodeHyperlink",
+  data() {
+    return {
+      dialogVisible: false,
+      link: "",
+      linkTitle: "",
+			activeNode: null
+    };
+  },
+  created() {
+    this.$bus.$on("node_active", (...args) => {
+      let activeNodes = args[1];
+      if (activeNodes.length > 0) {
+        this.activeNode = activeNodes[0];
+        this.link = this.activeNode.getData("hyperlink");
+        this.linkTitle = this.activeNode.getData("hyperlinkTitle");
+      } else {
+        this.link = "";
+        this.linkTitle = "";
+      }
+    });
+    this.$bus.$on("showNodeLink", () => {
+      this.dialogVisible = true;
+    });
+  },
+  methods: {
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-22 22:08:11
+     * @Desc: 取消
+     */
+    cancel() {
+      this.dialogVisible = false;
+    },
+
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-06 22:28:20
+     * @Desc:  确定
+     */
+    confirm() {
+      this.activeNode.setData({
+        hyperlink: this.link,
+        hyperlinkTitle: this.linkTitle,
+      });
+      this.cancel();
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.nodeDialog {
+  .item {
+		display: flex;
+		align-items: center;
+		margin-bottom: 10px;
+		
+		.name {
+			display: block;
+			width: 50px;
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/web/src/pages/Edit/components/NodeIcon.vue b/web/src/pages/Edit/components/NodeIcon.vue
index e69de29b..0377d747 100644
--- a/web/src/pages/Edit/components/NodeIcon.vue
+++ b/web/src/pages/Edit/components/NodeIcon.vue
@@ -0,0 +1,106 @@
+<template>
+  <el-dialog
+    class="nodeDialog"
+    title="图标"
+    :visible.sync="dialogVisible"
+    width="500"
+  >
+    <div class="item" v-for="item in nodeIconList" :key="item.name">
+      <div class="title">{{ item.name }}</div>
+      <div class="list">
+        <div
+          class="icon"
+          v-for="icon in item.list"
+          :key="icon.name"
+          v-html="icon.icon"
+					@click="setIcon(item.type, icon.name)"
+        ></div>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { nodeIconList } from "simple-mind-map/src/svg/icons";
+
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:53:33 
+ * @Desc: 节点图标内容设置 
+ */
+export default {
+  name: "NodeIcon",
+  data() {
+    return {
+      nodeIconList,
+      dialogVisible: false,
+      icon: [],
+      activeNode: null,
+    };
+  },
+  created() {
+    this.$bus.$on("node_active", (...args) => {
+      let activeNodes = args[1];
+      if (activeNodes.length > 0) {
+        this.activeNode = activeNodes[0];
+        this.icon = this.activeNode.getData("icon") || [];
+      } else {
+        this.icon = [];
+      }
+    });
+    this.$bus.$on("showNodeIcon", () => {
+      this.dialogVisible = true;
+    });
+  },
+  methods: {
+		/** 
+		 * @Author: 王林 
+		 * @Date: 2021-06-23 23:16:56 
+		 * @Desc: 设置icon 
+		 */
+		setIcon(type, name) {
+			let index = this.icon.findIndex((item) => {
+				return item.split('_')[0] === type;
+			})
+			if (index !== -1) {
+				this.icon.splice(index, 1, type + '_' + name)
+			} else {
+				this.icon.push(type + '_' + name)
+			}
+			this.activeNode.setData({
+				icon: [...this.icon]
+			})
+		}
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.nodeDialog {
+	/deep/ .el-dialog__body {
+		padding: 0 20px;
+	}
+
+  .item {
+    margin-bottom: 20px;
+		font-weight: bold;
+
+    .title {
+      margin-bottom: 10px;
+    }
+
+		.list {
+			display: flex;
+			flex-wrap: wrap;
+
+			.icon {
+				width: 24px;
+				height: 24px;
+				margin-right: 10px;
+				margin-bottom: 10px;
+				cursor: pointer;
+			}
+		}
+  }
+}
+</style>
\ No newline at end of file
diff --git a/web/src/pages/Edit/components/NodeImage.vue b/web/src/pages/Edit/components/NodeImage.vue
index dd6389d9..600598af 100644
--- a/web/src/pages/Edit/components/NodeImage.vue
+++ b/web/src/pages/Edit/components/NodeImage.vue
@@ -1,6 +1,15 @@
 <template>
-  <el-dialog class="nodeImageDialog" title="图片" :visible.sync="dialogVisible" width="500">
-		<ImgUpload ref="imgUpload"></ImgUpload>
+  <el-dialog
+    class="nodeDialog"
+    title="图片"
+    :visible.sync="dialogVisible"
+    width="500"
+  >
+    <ImgUpload ref="ImgUpload" v-model="img"></ImgUpload>
+    <div class="imgTitleBox">
+      <span class="title">图片标题</span>
+      <el-input v-model="imgTitle" size="mini"></el-input>
+    </div>
     <span slot="footer" class="dialog-footer">
       <el-button @click="cancel">取 消</el-button>
       <el-button type="primary" @click="confirm">确 定</el-button>
@@ -9,42 +18,86 @@
 </template>
 
 <script>
-import ImgUpload from '@/components/ImgUpload';
+import ImgUpload from "@/components/ImgUpload";
 
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:53:45 
+ * @Desc: 节点图片内容设置 
+ */
 export default {
-	name: 'NodeImage',
-	components: {
-		ImgUpload
-	},
+  name: "NodeImage",
+  components: {
+    ImgUpload,
+  },
   data() {
     return {
       dialogVisible: false,
+      img: "",
+      imgTitle: "",
+      activeNode: null,
     };
   },
   created() {
     this.$bus.$on("node_active", (...args) => {
       let activeNodes = args[1];
-      this.activeNode = activeNodes[0];
+      if (activeNodes.length > 0) {
+        this.activeNode = activeNodes[0];
+        this.img = this.activeNode.getData("image");
+        this.imgTitle = this.activeNode.getData("imageTitle");
+      } else {
+        this.img = "";
+        this.imgTitle = "";
+        this.activeNode = null;
+      }
     });
     this.$bus.$on("showNodeImage", () => {
       this.dialogVisible = true;
     });
   },
   methods: {
-    cancel() {},
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-22 22:08:11
+     * @Desc: 取消
+     */
+    cancel() {
+      this.dialogVisible = false;
+    },
 
-		/** 
-		 * @Author: 王林 
-		 * @Date: 2021-06-06 22:28:20 
-		 * @Desc:  确定
-		 */
-    confirm() {},
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-06 22:28:20
+     * @Desc:  确定
+     */
+    async confirm() {
+      try {
+        let { width, height } = await this.$refs.ImgUpload.getSize();
+        this.activeNode.setData({
+          image: this.img,
+          imageTitle: this.imgTitle,
+          imageSize: {
+            width,
+            height,
+          },
+        });
+        this.cancel();
+      } catch (error) {}
+    },
   },
 };
 </script>
 
 <style lang="less" scoped>
-.nodeImageDialog {
+.nodeDialog {
+  .imgTitleBox {
+    display: flex;
+    align-items: center;
+    margin-top: 10px;
 
+    .title {
+      width: 100px;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/web/src/pages/Edit/components/NodeNote.vue b/web/src/pages/Edit/components/NodeNote.vue
new file mode 100644
index 00000000..39493e66
--- /dev/null
+++ b/web/src/pages/Edit/components/NodeNote.vue
@@ -0,0 +1,84 @@
+<template>
+  <el-dialog
+    class="nodeDialog"
+    title="备注"
+    :visible.sync="dialogVisible"
+    width="500"
+  >
+    <el-input
+      type="textarea"
+      :autosize="{ minRows: 3, maxRows: 5 }"
+      placeholder="请输入内容"
+      v-model="note"
+    >
+    </el-input>
+    <div class="tip">换行请使用：Enter+Shift</div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="cancel">取 消</el-button>
+      <el-button type="primary" @click="confirm">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:53:54 
+ * @Desc: 节点备注内容设置 
+ */
+export default {
+  name: "NodeNote",
+  data() {
+    return {
+      dialogVisible: false,
+      note: "",
+      activeNode: null,
+    };
+  },
+  created() {
+    this.$bus.$on("node_active", (...args) => {
+      let activeNodes = args[1];
+      if (activeNodes.length > 0) {
+        this.activeNode = activeNodes[0];
+        this.note = this.activeNode.getData("note");
+      } else {
+        this.note = "";
+      }
+    });
+    this.$bus.$on("showNodeNote", () => {
+      this.dialogVisible = true;
+    });
+  },
+  methods: {
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-22 22:08:11
+     * @Desc: 取消
+     */
+    cancel() {
+      this.dialogVisible = false;
+    },
+
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-06 22:28:20
+     * @Desc:  确定
+     */
+    confirm() {
+      this.activeNode.setData({
+        note: this.note,
+      });
+      this.cancel();
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.nodeDialog {
+  .tip {
+    margin-top: 5px;
+    color: #DCDFE6;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/web/src/pages/Edit/components/NodeTag.vue b/web/src/pages/Edit/components/NodeTag.vue
new file mode 100644
index 00000000..e8bf3694
--- /dev/null
+++ b/web/src/pages/Edit/components/NodeTag.vue
@@ -0,0 +1,152 @@
+<template>
+  <el-dialog
+    class="nodeDialog"
+    title="标签"
+    :visible.sync="dialogVisible"
+    width="500"
+  >
+    <el-input
+      v-model="tag"
+      @keyup.native.enter="add"
+      :disabled="tagArr.length >= max"
+    >
+    </el-input>
+    <div class="tagList">
+      <div
+        class="tagItem"
+        v-for="(item, index) in tagArr"
+        :key="index"
+        :style="{
+          backgroundColor: tagColorList[index].background,
+          color: tagColorList[index].color,
+        }"
+      >
+        {{ item }}
+        <div class="delBtn" @click="del(index)">
+          <span class="iconfont iconshanchu"></span>
+        </div>
+      </div>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="cancel">取 消</el-button>
+      <el-button type="primary" @click="confirm">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { tagColorList } from "simple-mind-map/src/utils/constant";
+
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:54:03 
+ * @Desc: 节点标签内容设置 
+ */
+export default {
+  name: "NodeTag",
+  data() {
+    return {
+      dialogVisible: false,
+      tagColorList,
+      tagArr: [],
+      tag: "",
+      activeNode: null,
+      max: 5,
+    };
+  },
+  created() {
+    this.$bus.$on("node_active", (...args) => {
+      let activeNodes = args[1];
+      if (activeNodes.length > 0) {
+        this.activeNode = activeNodes[0];
+        this.tagArr = this.activeNode.getData("tag") || [];
+      } else {
+        this.tagArr = [];
+        this.tag = "";
+      }
+    });
+    this.$bus.$on("showNodeTag", () => {
+      this.dialogVisible = true;
+    });
+  },
+  methods: {
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-24 21:48:14
+     * @Desc: 添加
+     */
+    add() {
+      this.tagArr.push(this.tag);
+      this.tag = "";
+    },
+
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-24 21:57:53
+     * @Desc: 删除
+     */
+    del(index) {
+      this.tagArr.splice(index, 1);
+    },
+
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-22 22:08:11
+     * @Desc: 取消
+     */
+    cancel() {
+      this.dialogVisible = false;
+    },
+
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-06 22:28:20
+     * @Desc:  确定
+     */
+    confirm() {
+      this.activeNode.setData({
+        tag: this.tagArr,
+      });
+      this.cancel();
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.nodeDialog {
+  .tagList {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 5px;
+
+    .tagItem {
+      position: relative;
+      padding: 3px 5px;
+      margin-right: 5px;
+      margin-bottom: 5px;
+
+      .delBtn {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.4);
+        color: #fff;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        visibility: hidden;
+      }
+
+      &:hover {
+        .delBtn {
+          visibility: visible;
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/web/src/pages/Edit/components/Outline.vue b/web/src/pages/Edit/components/Outline.vue
index 77866dcc..21ae846f 100644
--- a/web/src/pages/Edit/components/Outline.vue
+++ b/web/src/pages/Edit/components/Outline.vue
@@ -7,6 +7,11 @@
 <script>
 import Sidebar from "./Sidebar";
 
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:54:14 
+ * @Desc: 大纲内容 
+ */
 export default {
   name: "Outline",
   components: {
diff --git a/web/src/pages/Edit/components/Sidebar.vue b/web/src/pages/Edit/components/Sidebar.vue
index bbadf390..da4ae4a4 100644
--- a/web/src/pages/Edit/components/Sidebar.vue
+++ b/web/src/pages/Edit/components/Sidebar.vue
@@ -11,6 +11,11 @@
 </template>
 
 <script>
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:54:25 
+ * @Desc: 侧边栏容器 
+ */
 export default {
   name: "Sidebar",
   props: {
@@ -31,7 +36,7 @@ export default {
 .sidebarContainer {
   position: fixed;
   right: -300px;
-  top: 62px;
+  top: 100px;
   bottom: 0;
   width: 300px;
   background-color: #fff;
diff --git a/web/src/pages/Edit/components/Style.vue b/web/src/pages/Edit/components/Style.vue
index 352f1ea5..3e0f279c 100644
--- a/web/src/pages/Edit/components/Style.vue
+++ b/web/src/pages/Edit/components/Style.vue
@@ -222,6 +222,11 @@ import {
   borderRadiusList,
 } from "@/config";
 
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:54:47 
+ * @Desc: 节点样式设置 
+ */
 export default {
   name: "Style",
   components: {
diff --git a/web/src/pages/Edit/components/Theme.vue b/web/src/pages/Edit/components/Theme.vue
new file mode 100644
index 00000000..3b87b7a8
--- /dev/null
+++ b/web/src/pages/Edit/components/Theme.vue
@@ -0,0 +1,104 @@
+<template>
+  <Sidebar ref="sidebar" title="主题">
+    <div class="themeList">
+      <div
+        class="themeItem"
+        v-for="item in themeList"
+        :key="item.value"
+        @click="useTheme(item)"
+        :class="{ active: item.value === theme }"
+      >
+        <div class="imgBox">
+          <img :src="item.img" alt="" />
+        </div>
+        <div class="name">{{ item.name }}</div>
+      </div>
+    </div>
+  </Sidebar>
+</template>
+
+<script>
+import Sidebar from "./Sidebar";
+import { themeList } from "simple-mind-map/src/utils/constant";
+
+/**
+ * @Author: 王林
+ * @Date: 2021-06-24 22:53:04
+ * @Desc: 主题
+ */
+export default {
+  name: "Theme",
+  components: {
+    Sidebar,
+  },
+  props: {
+    mindMap: {
+      type: Object,
+    },
+  },
+  data() {
+    return {
+      themeList,
+      theme: "",
+    };
+  },
+  created() {
+    this.$bus.$on("showTheme", () => {
+      this.theme = this.mindMap.getTheme();
+      this.$refs.sidebar.show = true;
+    });
+  },
+  methods: {
+    /**
+     * @Author: 王林
+     * @Date: 2021-06-24 23:04:38
+     * @Desc: 使用主题
+     */
+    useTheme(theme) {
+      this.theme = theme.value;
+      this.mindMap.setTheme(theme.value);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.themeList {
+  padding: 20px;
+
+  .themeItem {
+    width: 100%;
+    cursor: pointer;
+    border-bottom: 1px solid #e9e9e9;
+    margin-bottom: 20px;
+    padding-bottom: 20px;
+    transition: all 0.2s;
+    border: 1px solid transparent;
+
+    &:last-of-type {
+      border: none;
+    }
+
+    &:hover {
+      box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16),
+        0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+    }
+
+    &.active {
+      border: 1px solid #67c23a;
+    }
+
+    .imgBox {
+      width: 100%;
+
+      img {
+        width: 100%;
+      }
+    }
+    .name {
+      text-align: center;
+      font-size: 14px;
+    }
+  }
+}
+</style>
diff --git a/web/src/pages/Edit/components/Toolbar.vue b/web/src/pages/Edit/components/Toolbar.vue
index dbb312c3..32efc9fe 100644
--- a/web/src/pages/Edit/components/Toolbar.vue
+++ b/web/src/pages/Edit/components/Toolbar.vue
@@ -1,92 +1,146 @@
 <template>
   <div class="toolbarContainer">
     <div class="toolbar">
-      <div
-        class="toolbarBtn"
-        :class="{
-          disabled: activeNodes.length <= 0,
-        }"
-        @click="$bus.$emit('execCommand', 'INSERT_NODE')"
-      >
-        <span class="icon iconfont iconjiedian"></span>
-        <span class="text">插入同级节点</span>
+      <!-- 节点操作 -->
+      <div class="left">
+        <div
+          class="toolbarBtn"
+          :class="{
+            disabled: activeNodes.length <= 0 || hasRoot,
+          }"
+          @click="$bus.$emit('execCommand', 'INSERT_NODE')"
+        >
+          <span class="icon iconfont iconjiedian"></span>
+          <span class="text">插入同级节点</span>
+        </div>
+        <div
+          class="toolbarBtn"
+          :class="{
+            disabled: activeNodes.length <= 0,
+          }"
+          @click="$bus.$emit('execCommand', 'INSERT_CHILD_NODE')"
+        >
+          <span class="icon iconfont icontianjiazijiedian"></span>
+          <span class="text">插入子节点</span>
+        </div>
+        <div
+          class="toolbarBtn"
+          :class="{
+            disabled: activeNodes.length <= 0,
+          }"
+          @click="$bus.$emit('execCommand', 'REMOVE_NODE')"
+        >
+          <span class="icon iconfont iconshanchu"></span>
+          <span class="text">删除节点</span>
+        </div>
+        <div
+          class="toolbarBtn"
+          :class="{
+            disabled: activeNodes.length <= 0,
+          }"
+          @click="$bus.$emit('showNodeImage')"
+        >
+          <span class="icon iconfont iconimage"></span>
+          <span class="text">图片</span>
+        </div>
+        <div
+          class="toolbarBtn"
+          :class="{
+            disabled: activeNodes.length <= 0,
+          }"
+          @click="$bus.$emit('showNodeIcon')"
+        >
+          <span class="icon iconfont iconxiaolian"></span>
+          <span class="text">图标</span>
+        </div>
+        <div
+          class="toolbarBtn"
+          :class="{
+            disabled: activeNodes.length <= 0,
+          }"
+          @click="$bus.$emit('showNodeLink')"
+        >
+          <span class="icon iconfont iconchaolianjie"></span>
+          <span class="text">超链接</span>
+        </div>
+        <div
+          class="toolbarBtn"
+          :class="{
+            disabled: activeNodes.length <= 0,
+          }"
+          @click="$bus.$emit('showNodeNote')"
+        >
+          <span class="icon iconfont iconflow-Mark"></span>
+          <span class="text">备注</span>
+        </div>
+        <div
+          class="toolbarBtn"
+          :class="{
+            disabled: activeNodes.length <= 0,
+          }"
+          @click="$bus.$emit('showNodeTag')"
+        >
+          <span class="icon iconfont iconbiaoqian"></span>
+          <span class="text">标签</span>
+        </div>
       </div>
-      <div
-        class="toolbarBtn"
-        :class="{
-          disabled: activeNodes.length <= 0,
-        }"
-        @click="$bus.$emit('execCommand', 'INSERT_CHILD_NODE')"
-      >
-        <span class="icon iconfont icontianjiazijiedian"></span>
-        <span class="text">插入子节点</span>
-      </div>
-      <div
-        class="toolbarBtn"
-        :class="{
-          disabled: activeNodes.length <= 0,
-        }"
-        @click="$bus.$emit('execCommand', 'REMOVE_NODE')"
-      >
-        <span class="icon iconfont iconshanchu"></span>
-        <span class="text">删除节点</span>
-      </div>
-      <div
-        class="toolbarBtn"
-        :class="{
-          disabled: activeNodes.length <= 0,
-        }"
-        @click="$bus.$emit('showNodeImage')"
-      >
-        <span class="icon iconfont iconimage"></span>
-        <span class="text">图片</span>
-      </div>
-      <div
-        class="toolbarBtn"
-        :class="{
-          disabled: activeNodes.length <= 0,
-        }"
-        @click="$bus.$emit('showNodeIcon')"
-      >
-        <span class="icon iconfont iconxiaolian"></span>
-        <span class="text">图标</span>
-      </div>
-      <div
-        class="toolbarBtn"
-        :class="{
-          disabled: activeNodes.length <= 0,
-        }"
-        @click="$bus.$emit('showNodeLink')"
-      >
-        <span class="icon iconfont iconchaolianjie"></span>
-        <span class="text">超链接</span>
-      </div>
-      <div class="toolbarBtn" @click="$bus.$emit('showOutline')">
-        <span class="icon iconfont iconfuhao-dagangshu"></span>
-        <span class="text">显示大纲</span>
-      </div>
-      <div class="toolbarBtn" @click="$bus.$emit('showTheme')">
-        <span class="icon iconfont iconyangshi"></span>
-        <span class="text">基础样式</span>
+      <!-- 通用操作 -->
+      <div class="center">
+        <div class="toolbarBtn" @click="$bus.$emit('showOutline')">
+          <span class="icon iconfont iconfuhao-dagangshu"></span>
+          <span class="text">显示大纲</span>
+        </div>
+        <div class="toolbarBtn" @click="$bus.$emit('showBaseStyle')">
+          <span class="icon iconfont iconyangshi"></span>
+          <span class="text">基础样式</span>
+        </div>
+        <div class="toolbarBtn" @click="$bus.$emit('showTheme')">
+          <span class="icon iconfont iconjingzi"></span>
+          <span class="text">主题</span>
+        </div>
       </div>
     </div>
     <NodeImage></NodeImage>
+    <NodeHyperlink></NodeHyperlink>
+    <NodeIcon></NodeIcon>
+    <NodeNote></NodeNote>
+    <NodeTag></NodeTag>
   </div>
 </template>
 
 <script>
 import NodeImage from "./NodeImage";
+import NodeHyperlink from "./NodeHyperlink";
+import NodeIcon from "./NodeIcon";
+import NodeNote from "./NodeNote";
+import NodeTag from "./NodeTag";
 
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-24 22:54:58 
+ * @Desc: 工具栏 
+ */
 export default {
   name: "Toolbar",
   components: {
     NodeImage,
+    NodeHyperlink,
+    NodeIcon,
+    NodeNote,
+    NodeTag,
   },
   data() {
     return {
-      activeNodes: [],
+      activeNodes: []
     };
   },
+  computed: {
+    hasRoot() {
+      return this.activeNodes.find((node) => {
+        return node.isRoot;
+      });
+    },
+  },
   created() {
     this.$bus.$on("node_active", (...args) => {
       this.activeNodes = args[1];
@@ -97,22 +151,30 @@ export default {
 
 <style lang="less" scoped>
 .toolbarContainer {
-  height: 62px;
-  background: #fafafa;
-  padding-left: 40px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  border-top: 1px solid #e8e8e8;
-  border-bottom: 1px solid #e8e8e8;
-  font-size: 12px;
-  font-family: PingFangSC-Regular, PingFang SC;
-  font-weight: 400;
-  color: rgba(26, 26, 26, 0.8);
-
   .toolbar {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
     display: flex;
-    align-items: center;
+    padding: 0 20px;
+    padding-top: 20px;
+    font-size: 12px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: rgba(26, 26, 26, 0.8);
+    z-index: 2;
+
+    .left,
+    .center {
+      display: flex;
+      background-color: #fff;
+      padding: 10px 20px;
+      border-radius: 6px;
+      box-shadow: 0 2px 16px 0 rgb(0 0 0 / 6%);
+      border: 1px solid rgba(0, 0, 0, 0.06);
+      margin-right: 20px;
+    }
 
     .toolbarBtn {
       display: flex;
@@ -121,6 +183,10 @@ export default {
       cursor: pointer;
       margin-right: 20px;
 
+      &:last-of-type {
+        margin-right: 0;
+      }
+
       &:hover {
         &:not(.disabled) {
           .icon {