diff --git a/web/src/.DS_Store b/web/src/.DS_Store
index 81a5b725..25d3418b 100644
Binary files a/web/src/.DS_Store and b/web/src/.DS_Store differ
diff --git a/web/src/assets/.DS_Store b/web/src/assets/.DS_Store
index 3c81c154..0da803ae 100644
Binary files a/web/src/assets/.DS_Store and b/web/src/assets/.DS_Store differ
diff --git a/web/src/assets/icon-font/.DS_Store b/web/src/assets/icon-font/.DS_Store
index f522a516..3f691a8f 100644
Binary files a/web/src/assets/icon-font/.DS_Store and b/web/src/assets/icon-font/.DS_Store differ
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 fc5803d9..6eed48c0 100644
Binary files a/web/src/assets/icon-font/iconfont.ttf and b/web/src/assets/icon-font/iconfont.ttf differ
diff --git a/web/src/assets/icon-font/iconfont.woff b/web/src/assets/icon-font/iconfont.woff
index a61b65b4..e39ee878 100644
Binary files a/web/src/assets/icon-font/iconfont.woff and b/web/src/assets/icon-font/iconfont.woff differ
diff --git a/web/src/assets/icon-font/iconfont.woff2 b/web/src/assets/icon-font/iconfont.woff2
index b1fc435f..914aa056 100644
Binary files a/web/src/assets/icon-font/iconfont.woff2 and b/web/src/assets/icon-font/iconfont.woff2 differ
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 {