diff --git a/admin/package-lock.json b/admin/package-lock.json
index dd4e281b..55b173da 100644
--- a/admin/package-lock.json
+++ b/admin/package-lock.json
@@ -2526,11 +2526,18 @@
       }
     },
     "vue-router": {
-      "version": "4.0.12",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.12.tgz",
-      "integrity": "sha512-CPXvfqe+mZLB1kBWssssTiWg4EQERyqJZes7USiqfW9B5N2x+nHlnsM1D3b5CaJ6qgCvMmYJnz+G0iWjNCvXrg==",
+      "version": "4.0.14",
+      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.0.14.tgz",
+      "integrity": "sha512-wAO6zF9zxA3u+7AkMPqw9LjoUCjSxfFvINQj3E/DceTt6uEz1XZLraDhdg2EYmvVwTBSGlLYsUw8bDmx0754Mw==",
       "requires": {
-        "@vue/devtools-api": "^6.0.0-beta.18"
+        "@vue/devtools-api": "^6.0.0"
+      },
+      "dependencies": {
+        "@vue/devtools-api": {
+          "version": "6.1.4",
+          "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.1.4.tgz",
+          "integrity": "sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ=="
+        }
       }
     },
     "vue-tsc": {
diff --git a/admin/src/assets/font/demo.css b/admin/src/assets/font/demo.css
index aefd9b84..65d45596 100644
--- a/admin/src/assets/font/demo.css
+++ b/admin/src/assets/font/demo.css
@@ -2,13 +2,10 @@
 @font-face {
     font-family: 'iconfont logo';
     src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
-    src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix')
-            format('embedded-opentype'),
+    src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
         url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
-        url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834')
-            format('truetype'),
-        url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont')
-            format('svg');
+        url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+        url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
 }
 
 .logo {
diff --git a/admin/src/assets/font/demo_index.html b/admin/src/assets/font/demo_index.html
index 9fecb732..0db2c323 100644
--- a/admin/src/assets/font/demo_index.html
+++ b/admin/src/assets/font/demo_index.html
@@ -60,7 +60,7 @@
                 </ul>
 
                 <a
-                    href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3112541"
+                    href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2786219"
                     target="_blank"
                     class="nav-more"
                     >查看项目</a
@@ -69,22 +69,532 @@
             <div class="tab-container">
                 <div class="content unicode" style="display: block">
                     <ul class="icon_lists dib-box">
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7c2;</span>
+                            <div class="name">分层配置</div>
+                            <div class="code-name">&amp;#xe7c2;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe6f9;</span>
+                            <div class="name">integral</div>
+                            <div class="code-name">&amp;#xe6f9;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe701;</span>
+                            <div class="name">play</div>
+                            <div class="code-name">&amp;#xe701;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe752;</span>
+                            <div class="name">gift</div>
+                            <div class="code-name">&amp;#xe752;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe75a;</span>
+                            <div class="name">office-supplies</div>
+                            <div class="code-name">&amp;#xe75a;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe75c;</span>
+                            <div class="name">operation</div>
+                            <div class="code-name">&amp;#xe75c;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe75d;</span>
+                            <div class="name">phone</div>
+                            <div class="code-name">&amp;#xe75d;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe75e;</span>
+                            <div class="name">print</div>
+                            <div class="code-name">&amp;#xe75e;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe772;</span>
+                            <div class="name">invoice</div>
+                            <div class="code-name">&amp;#xe772;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7cc;</span>
+                            <div class="name">cascades</div>
+                            <div class="code-name">&amp;#xe7cc;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe753;</span>
+                            <div class="name">image-text</div>
+                            <div class="code-name">&amp;#xe753;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe75b;</span>
+                            <div class="name">packaging</div>
+                            <div class="code-name">&amp;#xe75b;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe6d1;</span>
+                            <div class="name">砍价</div>
+                            <div class="code-name">&amp;#xe6d1;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7b4;</span>
+                            <div class="name">file done</div>
+                            <div class="code-name">&amp;#xe7b4;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7cf;</span>
+                            <div class="name">shopping</div>
+                            <div class="code-name">&amp;#xe7cf;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7d3;</span>
+                            <div class="name">carry out</div>
+                            <div class="code-name">&amp;#xe7d3;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7d4;</span>
+                            <div class="name">calendar-check</div>
+                            <div class="code-name">&amp;#xe7d4;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7da;</span>
+                            <div class="name">sound</div>
+                            <div class="code-name">&amp;#xe7da;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7de;</span>
+                            <div class="name">mail</div>
+                            <div class="code-name">&amp;#xe7de;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe842;</span>
+                            <div class="name">gift</div>
+                            <div class="code-name">&amp;#xe842;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe8e8;</span>
+                            <div class="name">comment</div>
+                            <div class="code-name">&amp;#xe8e8;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe90e;</span>
+                            <div class="name">Field-time</div>
+                            <div class="code-name">&amp;#xe90e;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe747;</span>
+                            <div class="name">certified-supplier</div>
+                            <div class="code-name">&amp;#xe747;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe74a;</span>
+                            <div class="name">coupons</div>
+                            <div class="code-name">&amp;#xe74a;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe74b;</span>
+                            <div class="name">data</div>
+                            <div class="code-name">&amp;#xe74b;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe74c;</span>
+                            <div class="name">Customer management</div>
+                            <div class="code-name">&amp;#xe74c;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe751;</span>
+                            <div class="name">feeds</div>
+                            <div class="code-name">&amp;#xe751;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe759;</span>
+                            <div class="name">New user zone</div>
+                            <div class="code-name">&amp;#xe759;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe76a;</span>
+                            <div class="name">trade alert</div>
+                            <div class="code-name">&amp;#xe76a;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe76b;</span>
+                            <div class="name">top sales</div>
+                            <div class="code-name">&amp;#xe76b;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe76c;</span>
+                            <div class="name">trading volume</div>
+                            <div class="code-name">&amp;#xe76c;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe76f;</span>
+                            <div class="name">store</div>
+                            <div class="code-name">&amp;#xe76f;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe774;</span>
+                            <div class="name">wallet</div>
+                            <div class="code-name">&amp;#xe774;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7b2;</span>
+                            <div class="name">comments</div>
+                            <div class="code-name">&amp;#xe7b2;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7b5;</span>
+                            <div class="name">trading data</div>
+                            <div class="code-name">&amp;#xe7b5;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7c4;</span>
+                            <div class="name">申请记录</div>
+                            <div class="code-name">&amp;#xe7c4;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7c9;</span>
+                            <div class="name">中间人</div>
+                            <div class="code-name">&amp;#xe7c9;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7ca;</span>
+                            <div class="name">账户操作</div>
+                            <div class="code-name">&amp;#xe7ca;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7d5;</span>
+                            <div class="name">通讯录</div>
+                            <div class="code-name">&amp;#xe7d5;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe7d6;</span>
+                            <div class="name">已关注供应商</div>
+                            <div class="code-name">&amp;#xe7d6;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe834;</span>
+                            <div class="name">icon_164</div>
+                            <div class="code-name">&amp;#xe834;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe833;</span>
+                            <div class="name">微信</div>
+                            <div class="code-name">&amp;#xe833;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe827;</span>
+                            <div class="name">icon_59</div>
+                            <div class="code-name">&amp;#xe827;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe6b4;</span>
+                            <div class="name">小程序设置</div>
+                            <div class="code-name">&amp;#xe6b4;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe857;</span>
+                            <div class="name">icon_511</div>
+                            <div class="code-name">&amp;#xe857;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe860;</span>
+                            <div class="name">icon_563</div>
+                            <div class="code-name">&amp;#xe860;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe88f;</span>
+                            <div class="name">icon_777</div>
+                            <div class="code-name">&amp;#xe88f;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe82c;</span>
+                            <div class="name">icon_52</div>
+                            <div class="code-name">&amp;#xe82c;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe828;</span>
+                            <div class="name">icon_48</div>
+                            <div class="code-name">&amp;#xe828;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe829;</span>
+                            <div class="name">icon_41</div>
+                            <div class="code-name">&amp;#xe829;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe82b;</span>
+                            <div class="name">icon_56</div>
+                            <div class="code-name">&amp;#xe82b;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe82f;</span>
+                            <div class="name">icon_136</div>
+                            <div class="code-name">&amp;#xe82f;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe830;</span>
+                            <div class="name">icon_141</div>
+                            <div class="code-name">&amp;#xe830;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe831;</span>
+                            <div class="name">icon_137</div>
+                            <div class="code-name">&amp;#xe831;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe82a;</span>
+                            <div class="name">icon_95</div>
+                            <div class="code-name">&amp;#xe82a;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe861;</span>
+                            <div class="name">icon_551</div>
+                            <div class="code-name">&amp;#xe861;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe880;</span>
+                            <div class="name">icon_710</div>
+                            <div class="code-name">&amp;#xe880;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe887;</span>
+                            <div class="name">icon_744</div>
+                            <div class="code-name">&amp;#xe887;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe889;</span>
+                            <div class="name">icon_754</div>
+                            <div class="code-name">&amp;#xe889;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe896;</span>
+                            <div class="name">icon_808</div>
+                            <div class="code-name">&amp;#xe896;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe897;</span>
+                            <div class="name">icon_810</div>
+                            <div class="code-name">&amp;#xe897;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe8a1;</span>
+                            <div class="name">icon_850</div>
+                            <div class="code-name">&amp;#xe8a1;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe8a9;</span>
+                            <div class="name">icon_880</div>
+                            <div class="code-name">&amp;#xe8a9;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe826;</span>
+                            <div class="name">icon_30</div>
+                            <div class="code-name">&amp;#xe826;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe82d;</span>
+                            <div class="name">icon_130</div>
+                            <div class="code-name">&amp;#xe82d;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe82e;</span>
+                            <div class="name">icon_138</div>
+                            <div class="code-name">&amp;#xe82e;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe832;</span>
+                            <div class="name">icon_170</div>
+                            <div class="code-name">&amp;#xe832;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe84c;</span>
+                            <div class="name">icon_415</div>
+                            <div class="code-name">&amp;#xe84c;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe84f;</span>
+                            <div class="name">icon_436</div>
+                            <div class="code-name">&amp;#xe84f;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe853;</span>
+                            <div class="name">icon_460</div>
+                            <div class="code-name">&amp;#xe853;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe854;</span>
+                            <div class="name">icon_457</div>
+                            <div class="code-name">&amp;#xe854;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe85c;</span>
+                            <div class="name">icon_542</div>
+                            <div class="code-name">&amp;#xe85c;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe85d;</span>
+                            <div class="name">icon_545</div>
+                            <div class="code-name">&amp;#xe85d;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe866;</span>
+                            <div class="name">icon_595</div>
+                            <div class="code-name">&amp;#xe866;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe86f;</span>
+                            <div class="name">icon_643</div>
+                            <div class="code-name">&amp;#xe86f;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe870;</span>
+                            <div class="name">icon_644</div>
+                            <div class="code-name">&amp;#xe870;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe871;</span>
+                            <div class="name">icon_645</div>
+                            <div class="code-name">&amp;#xe871;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe872;</span>
+                            <div class="name">icon_646</div>
+                            <div class="code-name">&amp;#xe872;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe875;</span>
+                            <div class="name">icon_663</div>
+                            <div class="code-name">&amp;#xe875;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe877;</span>
+                            <div class="name">icon_673</div>
+                            <div class="code-name">&amp;#xe877;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe879;</span>
+                            <div class="name">icon_684</div>
+                            <div class="code-name">&amp;#xe879;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe87e;</span>
+                            <div class="name">icon_695</div>
+                            <div class="code-name">&amp;#xe87e;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe657;</span>
+                            <div class="name">menu_goods</div>
+                            <div class="code-name">&amp;#xe657;</div>
+                        </li>
+
                         <li class="dib">
                             <span class="icon iconfont">&#xe658;</span>
-                            <div class="name">quanxian</div>
+                            <div class="name">menu_sort</div>
                             <div class="code-name">&amp;#xe658;</div>
                         </li>
 
                         <li class="dib">
-                            <span class="icon iconfont">&#xe659;</span>
-                            <div class="name">setting</div>
-                            <div class="code-name">&amp;#xe659;</div>
+                            <span class="icon iconfont">&#xe653;</span>
+                            <div class="name">menu_danwei</div>
+                            <div class="code-name">&amp;#xe653;</div>
                         </li>
 
                         <li class="dib">
-                            <span class="icon iconfont">&#xe65a;</span>
-                            <div class="name">home</div>
-                            <div class="code-name">&amp;#xe65a;</div>
+                            <span class="icon iconfont">&#xe654;</span>
+                            <div class="name">menu_pingjia</div>
+                            <div class="code-name">&amp;#xe654;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe655;</span>
+                            <div class="name">menu_pinpai</div>
+                            <div class="code-name">&amp;#xe655;</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont">&#xe656;</span>
+                            <div class="name">menu_gongyingshang</div>
+                            <div class="code-name">&amp;#xe656;</div>
                         </li>
                     </ul>
                     <div class="article markdown">
@@ -107,9 +617,9 @@
                         <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1640939015921') format('woff2'),
-       url('iconfont.woff?t=1640939015921') format('woff'),
-       url('iconfont.ttf?t=1640939015921') format('truetype');
+  src: url('iconfont.woff2?t=1638503419755') format('woff2'),
+       url('iconfont.woff?t=1638503419755') format('woff'),
+       url('iconfont.ttf?t=1638503419755') format('truetype');
 }
 </code></pre>
                         <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -128,31 +638,538 @@
 >&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
 </code></pre>
                         <blockquote>
-                            <p>
-                                "iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是
-                                "iconfont"。
-                            </p>
+                            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
                         </blockquote>
                     </div>
                 </div>
                 <div class="content font-class">
                     <ul class="icon_lists dib-box">
                         <li class="dib">
-                            <span class="icon iconfont icon-quanxian"></span>
-                            <div class="name">quanxian</div>
-                            <div class="code-name">.icon-quanxian</div>
+                            <span class="icon iconfont icon_kdzs_mdsz"></span>
+                            <div class="name">分层配置</div>
+                            <div class="code-name">.icon_kdzs_mdsz</div>
                         </li>
 
                         <li class="dib">
-                            <span class="icon iconfont icon-setting"></span>
-                            <div class="name">setting</div>
-                            <div class="code-name">.icon-setting</div>
+                            <span class="icon iconfont icon_xpdy_mbgl"></span>
+                            <div class="name">integral</div>
+                            <div class="code-name">.icon_xpdy_mbgl</div>
                         </li>
 
                         <li class="dib">
-                            <span class="icon iconfont icon-home"></span>
-                            <div class="name">home</div>
-                            <div class="code-name">.icon-home</div>
+                            <span class="icon iconfont icon_xcxzb_zb"></span>
+                            <div class="name">play</div>
+                            <div class="code-name">.icon_xcxzb_zb</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_xycj_cj"></span>
+                            <div class="name">gift</div>
+                            <div class="code-name">.icon_xycj_cj</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_kdzs_fjrmb"></span>
+                            <div class="name">office-supplies</div>
+                            <div class="code-name">.icon_kdzs_fjrmb</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont operation"></span>
+                            <div class="name">operation</div>
+                            <div class="code-name">.operation</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_pcshop"></span>
+                            <div class="name">phone</div>
+                            <div class="code-name">.icon_pcshop</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_xpdy_dyjgl"></span>
+                            <div class="name">print</div>
+                            <div class="code-name">.icon_xpdy_dyjgl</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_kdzs_pldy"></span>
+                            <div class="name">invoice</div>
+                            <div class="code-name">.icon_kdzs_pldy</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_kdzs_mdmb"></span>
+                            <div class="name">cascades</div>
+                            <div class="code-name">.icon_kdzs_mdmb</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_qudao_h5"></span>
+                            <div class="name">image-text</div>
+                            <div class="code-name">.icon_qudao_h5</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_fenxiao_goods"></span>
+                            <div class="name">packaging</div>
+                            <div class="code-name">.icon_fenxiao_goods</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_kanjia"></span>
+                            <div class="name">砍价</div>
+                            <div class="code-name">.icon_kanjia</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_hexiao_order"></span>
+                            <div class="name">file done</div>
+                            <div class="code-name">.icon_hexiao_order</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_pintuan"></span>
+                            <div class="name">shopping</div>
+                            <div class="code-name">.icon_pintuan</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont carryout"></span>
+                            <div class="name">carry out</div>
+                            <div class="code-name">.carryout</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_qiandao_jilu"></span>
+                            <div class="name">calendar-check</div>
+                            <div class="code-name">.icon_qiandao_jilu</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_notice"></span>
+                            <div class="name">sound</div>
+                            <div class="code-name">.icon_notice</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_notice_mail"></span>
+                            <div class="name">mail</div>
+                            <div class="code-name">.icon_notice_mail</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont gift"></span>
+                            <div class="name">gift</div>
+                            <div class="code-name">.gift</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_notice_buyer"></span>
+                            <div class="name">comment</div>
+                            <div class="code-name">.icon_notice_buyer</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont Field-time"></span>
+                            <div class="name">Field-time</div>
+                            <div class="code-name">.Field-time</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_hexiao_member2"></span>
+                            <div class="name">certified-supplier</div>
+                            <div class="code-name">.icon_hexiao_member2</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_coupons"></span>
+                            <div class="name">coupons</div>
+                            <div class="code-name">.icon_coupons</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_coupons_data"></span>
+                            <div class="name">data</div>
+                            <div class="code-name">.icon_coupons_data</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_fenxiao_member"></span>
+                            <div class="name">Customer management</div>
+                            <div class="code-name">.icon_fenxiao_member</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_qiandao_guize"></span>
+                            <div class="name">feeds</div>
+                            <div class="code-name">.icon_qiandao_guize</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_pintuan2"></span>
+                            <div class="name">New user zone</div>
+                            <div class="code-name">.icon_pintuan2</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_notice_seller"></span>
+                            <div class="name">trade alert</div>
+                            <div class="code-name">.icon_notice_seller</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_pintuan_data"></span>
+                            <div class="name">top sales</div>
+                            <div class="code-name">.icon_pintuan_data</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_fenxiao_data"></span>
+                            <div class="name">trading volume</div>
+                            <div class="code-name">.icon_fenxiao_data</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_ziti_store"></span>
+                            <div class="name">store</div>
+                            <div class="code-name">.icon_ziti_store</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont wallet"></span>
+                            <div class="name">wallet</div>
+                            <div class="code-name">.wallet</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_kefu_comments"></span>
+                            <div class="name">comments</div>
+                            <div class="code-name">.icon_kefu_comments</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont tradingdata"></span>
+                            <div class="name">trading data</div>
+                            <div class="code-name">.tradingdata</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_fenxiao_order"></span>
+                            <div class="name">申请记录</div>
+                            <div class="code-name">.icon_fenxiao_order</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_hexiao_member"></span>
+                            <div class="name">中间人</div>
+                            <div class="code-name">.icon_hexiao_member</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_fenxiao_set"></span>
+                            <div class="name">账户操作</div>
+                            <div class="code-name">.icon_fenxiao_set</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_fenxiao_grade"></span>
+                            <div class="name">通讯录</div>
+                            <div class="code-name">.icon_fenxiao_grade</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont yiguanzhugongyingshang"></span>
+                            <div class="name">已关注供应商</div>
+                            <div class="code-name">.yiguanzhugongyingshang</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_user_gaikuang"></span>
+                            <div class="name">icon_164</div>
+                            <div class="code-name">.icon_user_gaikuang</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_qudao_weixin"></span>
+                            <div class="name">微信</div>
+                            <div class="code-name">.icon_qudao_weixin</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_qudao_app"></span>
+                            <div class="name">icon_59</div>
+                            <div class="code-name">.icon_qudao_app</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_qudao_xiaochengxu"></span>
+                            <div class="name">小程序设置</div>
+                            <div class="code-name">.icon_qudao_xiaochengxu</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_dianpu_daohang"></span>
+                            <div class="name">icon_511</div>
+                            <div class="code-name">.icon_dianpu_daohang</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_yingxiao_qipao"></span>
+                            <div class="name">icon_563</div>
+                            <div class="code-name">.icon_yingxiao_qipao</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_set_jiaoyi"></span>
+                            <div class="name">icon_777</div>
+                            <div class="code-name">.icon_set_jiaoyi</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_caiwu_yue"></span>
+                            <div class="name">icon_52</div>
+                            <div class="code-name">.icon_caiwu_yue</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_caiwu_tixian"></span>
+                            <div class="name">icon_48</div>
+                            <div class="code-name">.icon_caiwu_tixian</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_caiwu_jifen"></span>
+                            <div class="name">icon_41</div>
+                            <div class="code-name">.icon_caiwu_jifen</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_shuju_liuliang"></span>
+                            <div class="name">icon_56</div>
+                            <div class="code-name">.icon_shuju_liuliang</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_user_dengji"></span>
+                            <div class="name">icon_136</div>
+                            <div class="code-name">.icon_user_dengji</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_user_guanli"></span>
+                            <div class="name">icon_141</div>
+                            <div class="code-name">.icon_user_guanli</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_user_biaoqian"></span>
+                            <div class="name">icon_137</div>
+                            <div class="code-name">.icon_user_biaoqian</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_order_shouhou"></span>
+                            <div class="name">icon_95</div>
+                            <div class="code-name">.icon_order_shouhou</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_copy"></span>
+                            <div class="name">icon_551</div>
+                            <div class="code-name">.icon_copy</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_set_product"></span>
+                            <div class="name">icon_710</div>
+                            <div class="code-name">.icon_set_product</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_set_save"></span>
+                            <div class="name">icon_744</div>
+                            <div class="code-name">.icon_set_save</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_dianpu_fenlei"></span>
+                            <div class="name">icon_754</div>
+                            <div class="code-name">.icon_dianpu_fenlei</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_dianpu_fengge"></span>
+                            <div class="name">icon_808</div>
+                            <div class="code-name">.icon_dianpu_fengge</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_dianpu_sucai"></span>
+                            <div class="name">icon_810</div>
+                            <div class="code-name">.icon_dianpu_sucai</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_dianpu_xiangqing"></span>
+                            <div class="name">icon_850</div>
+                            <div class="code-name">.icon_dianpu_xiangqing</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_order_guanli"></span>
+                            <div class="name">icon_880</div>
+                            <div class="code-name">.icon_order_guanli</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_caiwu"></span>
+                            <div class="name">icon_30</div>
+                            <div class="code-name">.icon_caiwu</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_user"></span>
+                            <div class="name">icon_130</div>
+                            <div class="code-name">.icon_user</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_set_user"></span>
+                            <div class="name">icon_138</div>
+                            <div class="code-name">.icon_set_user</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_shuju"></span>
+                            <div class="name">icon_170</div>
+                            <div class="code-name">.icon_shuju</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_dianpu_home"></span>
+                            <div class="name">icon_415</div>
+                            <div class="code-name">.icon_dianpu_home</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_yingyongcenter"></span>
+                            <div class="name">icon_436</div>
+                            <div class="code-name">.icon_yingyongcenter</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_qudao"></span>
+                            <div class="name">icon_460</div>
+                            <div class="code-name">.icon_qudao</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_qudao2"></span>
+                            <div class="name">icon_457</div>
+                            <div class="code-name">.icon_qudao2</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_set_store"></span>
+                            <div class="name">icon_542</div>
+                            <div class="code-name">.icon_set_store</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_dianpu_weiyem"></span>
+                            <div class="name">icon_545</div>
+                            <div class="code-name">.icon_dianpu_weiyem</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_set_quanxian"></span>
+                            <div class="name">icon_595</div>
+                            <div class="code-name">.icon_set_quanxian</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_hide"></span>
+                            <div class="name">icon_643</div>
+                            <div class="code-name">.icon_hide</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_show"></span>
+                            <div class="name">icon_644</div>
+                            <div class="code-name">.icon_show</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_wallet"></span>
+                            <div class="name">icon_645</div>
+                            <div class="code-name">.icon_wallet</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_set_pay"></span>
+                            <div class="name">icon_646</div>
+                            <div class="code-name">.icon_set_pay</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_set_weihu"></span>
+                            <div class="name">icon_663</div>
+                            <div class="code-name">.icon_set_weihu</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_set_peisong"></span>
+                            <div class="name">icon_673</div>
+                            <div class="code-name">.icon_set_peisong</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_yingxiaowf"></span>
+                            <div class="name">icon_684</div>
+                            <div class="code-name">.icon_yingxiaowf</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_dianpu_shoppingCar"></span>
+                            <div class="name">icon_695</div>
+                            <div class="code-name">.icon_dianpu_shoppingCar</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_goods"></span>
+                            <div class="name">menu_goods</div>
+                            <div class="code-name">.icon_goods</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_sort"></span>
+                            <div class="name">menu_sort</div>
+                            <div class="code-name">.icon_sort</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_danwei"></span>
+                            <div class="name">menu_danwei</div>
+                            <div class="code-name">.icon_danwei</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_pingjia"></span>
+                            <div class="name">menu_pingjia</div>
+                            <div class="code-name">.icon_pingjia</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_pinpai"></span>
+                            <div class="name">menu_pinpai</div>
+                            <div class="code-name">.icon_pinpai</div>
+                        </li>
+
+                        <li class="dib">
+                            <span class="icon iconfont icon_gongyingshang"></span>
+                            <div class="name">menu_gongyingshang</div>
+                            <div class="code-name">.icon_gongyingshang</div>
                         </li>
                     </ul>
                     <div class="article markdown">
@@ -160,18 +1177,13 @@
                         <hr />
 
                         <p>
-                            font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode
-                            书写不直观，语意不明确的问题。
+                            font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。
                         </p>
                         <p>与 Unicode 使用方式相比，具有如下特点：</p>
                         <ul>
+                            <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
                             <li>
-                                相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon
-                                是什么。
-                            </li>
-                            <li>
-                                因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class
-                                里面的 Unicode 引用。
+                                因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
                             </li>
                         </ul>
                         <p>使用步骤如下：</p>
@@ -179,13 +1191,10 @@
                         <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
 </code></pre>
                         <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
-                        <pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+                        <pre><code class="language-html">&lt;span class="iconfont xxx"&gt;&lt;/span&gt;
 </code></pre>
                         <blockquote>
-                            <p>
-                                " iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是
-                                "iconfont"。
-                            </p>
+                            <p>" iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
                         </blockquote>
                     </div>
                 </div>
@@ -193,26 +1202,706 @@
                     <ul class="icon_lists dib-box">
                         <li class="dib">
                             <svg class="icon svg-icon" aria-hidden="true">
-                                <use xlink:href="#icon-quanxian"></use>
+                                <use xlink:href="#icon_kdzs_mdsz"></use>
                             </svg>
-                            <div class="name">quanxian</div>
-                            <div class="code-name">#icon-quanxian</div>
+                            <div class="name">分层配置</div>
+                            <div class="code-name">#icon_kdzs_mdsz</div>
                         </li>
 
                         <li class="dib">
                             <svg class="icon svg-icon" aria-hidden="true">
-                                <use xlink:href="#icon-setting"></use>
+                                <use xlink:href="#icon_xpdy_mbgl"></use>
                             </svg>
-                            <div class="name">setting</div>
-                            <div class="code-name">#icon-setting</div>
+                            <div class="name">integral</div>
+                            <div class="code-name">#icon_xpdy_mbgl</div>
                         </li>
 
                         <li class="dib">
                             <svg class="icon svg-icon" aria-hidden="true">
-                                <use xlink:href="#icon-home"></use>
+                                <use xlink:href="#icon_xcxzb_zb"></use>
                             </svg>
-                            <div class="name">home</div>
-                            <div class="code-name">#icon-home</div>
+                            <div class="name">play</div>
+                            <div class="code-name">#icon_xcxzb_zb</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_xycj_cj"></use>
+                            </svg>
+                            <div class="name">gift</div>
+                            <div class="code-name">#icon_xycj_cj</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_kdzs_fjrmb"></use>
+                            </svg>
+                            <div class="name">office-supplies</div>
+                            <div class="code-name">#icon_kdzs_fjrmb</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#operation"></use>
+                            </svg>
+                            <div class="name">operation</div>
+                            <div class="code-name">#operation</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_pcshop"></use>
+                            </svg>
+                            <div class="name">phone</div>
+                            <div class="code-name">#icon_pcshop</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_xpdy_dyjgl"></use>
+                            </svg>
+                            <div class="name">print</div>
+                            <div class="code-name">#icon_xpdy_dyjgl</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_kdzs_pldy"></use>
+                            </svg>
+                            <div class="name">invoice</div>
+                            <div class="code-name">#icon_kdzs_pldy</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_kdzs_mdmb"></use>
+                            </svg>
+                            <div class="name">cascades</div>
+                            <div class="code-name">#icon_kdzs_mdmb</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_qudao_h5"></use>
+                            </svg>
+                            <div class="name">image-text</div>
+                            <div class="code-name">#icon_qudao_h5</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_fenxiao_goods"></use>
+                            </svg>
+                            <div class="name">packaging</div>
+                            <div class="code-name">#icon_fenxiao_goods</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_kanjia"></use>
+                            </svg>
+                            <div class="name">砍价</div>
+                            <div class="code-name">#icon_kanjia</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_hexiao_order"></use>
+                            </svg>
+                            <div class="name">file done</div>
+                            <div class="code-name">#icon_hexiao_order</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_pintuan"></use>
+                            </svg>
+                            <div class="name">shopping</div>
+                            <div class="code-name">#icon_pintuan</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#carryout"></use>
+                            </svg>
+                            <div class="name">carry out</div>
+                            <div class="code-name">#carryout</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_qiandao_jilu"></use>
+                            </svg>
+                            <div class="name">calendar-check</div>
+                            <div class="code-name">#icon_qiandao_jilu</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_notice"></use>
+                            </svg>
+                            <div class="name">sound</div>
+                            <div class="code-name">#icon_notice</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_notice_mail"></use>
+                            </svg>
+                            <div class="name">mail</div>
+                            <div class="code-name">#icon_notice_mail</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#gift"></use>
+                            </svg>
+                            <div class="name">gift</div>
+                            <div class="code-name">#gift</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_notice_buyer"></use>
+                            </svg>
+                            <div class="name">comment</div>
+                            <div class="code-name">#icon_notice_buyer</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#Field-time"></use>
+                            </svg>
+                            <div class="name">Field-time</div>
+                            <div class="code-name">#Field-time</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_hexiao_member2"></use>
+                            </svg>
+                            <div class="name">certified-supplier</div>
+                            <div class="code-name">#icon_hexiao_member2</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_coupons"></use>
+                            </svg>
+                            <div class="name">coupons</div>
+                            <div class="code-name">#icon_coupons</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_coupons_data"></use>
+                            </svg>
+                            <div class="name">data</div>
+                            <div class="code-name">#icon_coupons_data</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_fenxiao_member"></use>
+                            </svg>
+                            <div class="name">Customer management</div>
+                            <div class="code-name">#icon_fenxiao_member</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_qiandao_guize"></use>
+                            </svg>
+                            <div class="name">feeds</div>
+                            <div class="code-name">#icon_qiandao_guize</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_pintuan2"></use>
+                            </svg>
+                            <div class="name">New user zone</div>
+                            <div class="code-name">#icon_pintuan2</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_notice_seller"></use>
+                            </svg>
+                            <div class="name">trade alert</div>
+                            <div class="code-name">#icon_notice_seller</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_pintuan_data"></use>
+                            </svg>
+                            <div class="name">top sales</div>
+                            <div class="code-name">#icon_pintuan_data</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_fenxiao_data"></use>
+                            </svg>
+                            <div class="name">trading volume</div>
+                            <div class="code-name">#icon_fenxiao_data</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_ziti_store"></use>
+                            </svg>
+                            <div class="name">store</div>
+                            <div class="code-name">#icon_ziti_store</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#wallet"></use>
+                            </svg>
+                            <div class="name">wallet</div>
+                            <div class="code-name">#wallet</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_kefu_comments"></use>
+                            </svg>
+                            <div class="name">comments</div>
+                            <div class="code-name">#icon_kefu_comments</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#tradingdata"></use>
+                            </svg>
+                            <div class="name">trading data</div>
+                            <div class="code-name">#tradingdata</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_fenxiao_order"></use>
+                            </svg>
+                            <div class="name">申请记录</div>
+                            <div class="code-name">#icon_fenxiao_order</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_hexiao_member"></use>
+                            </svg>
+                            <div class="name">中间人</div>
+                            <div class="code-name">#icon_hexiao_member</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_fenxiao_set"></use>
+                            </svg>
+                            <div class="name">账户操作</div>
+                            <div class="code-name">#icon_fenxiao_set</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_fenxiao_grade"></use>
+                            </svg>
+                            <div class="name">通讯录</div>
+                            <div class="code-name">#icon_fenxiao_grade</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#yiguanzhugongyingshang"></use>
+                            </svg>
+                            <div class="name">已关注供应商</div>
+                            <div class="code-name">#yiguanzhugongyingshang</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_user_gaikuang"></use>
+                            </svg>
+                            <div class="name">icon_164</div>
+                            <div class="code-name">#icon_user_gaikuang</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_qudao_weixin"></use>
+                            </svg>
+                            <div class="name">微信</div>
+                            <div class="code-name">#icon_qudao_weixin</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_qudao_app"></use>
+                            </svg>
+                            <div class="name">icon_59</div>
+                            <div class="code-name">#icon_qudao_app</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_qudao_xiaochengxu"></use>
+                            </svg>
+                            <div class="name">小程序设置</div>
+                            <div class="code-name">#icon_qudao_xiaochengxu</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_dianpu_daohang"></use>
+                            </svg>
+                            <div class="name">icon_511</div>
+                            <div class="code-name">#icon_dianpu_daohang</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_yingxiao_qipao"></use>
+                            </svg>
+                            <div class="name">icon_563</div>
+                            <div class="code-name">#icon_yingxiao_qipao</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_set_jiaoyi"></use>
+                            </svg>
+                            <div class="name">icon_777</div>
+                            <div class="code-name">#icon_set_jiaoyi</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_caiwu_yue"></use>
+                            </svg>
+                            <div class="name">icon_52</div>
+                            <div class="code-name">#icon_caiwu_yue</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_caiwu_tixian"></use>
+                            </svg>
+                            <div class="name">icon_48</div>
+                            <div class="code-name">#icon_caiwu_tixian</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_caiwu_jifen"></use>
+                            </svg>
+                            <div class="name">icon_41</div>
+                            <div class="code-name">#icon_caiwu_jifen</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_shuju_liuliang"></use>
+                            </svg>
+                            <div class="name">icon_56</div>
+                            <div class="code-name">#icon_shuju_liuliang</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_user_dengji"></use>
+                            </svg>
+                            <div class="name">icon_136</div>
+                            <div class="code-name">#icon_user_dengji</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_user_guanli"></use>
+                            </svg>
+                            <div class="name">icon_141</div>
+                            <div class="code-name">#icon_user_guanli</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_user_biaoqian"></use>
+                            </svg>
+                            <div class="name">icon_137</div>
+                            <div class="code-name">#icon_user_biaoqian</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_order_shouhou"></use>
+                            </svg>
+                            <div class="name">icon_95</div>
+                            <div class="code-name">#icon_order_shouhou</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_copy"></use>
+                            </svg>
+                            <div class="name">icon_551</div>
+                            <div class="code-name">#icon_copy</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_set_product"></use>
+                            </svg>
+                            <div class="name">icon_710</div>
+                            <div class="code-name">#icon_set_product</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_set_save"></use>
+                            </svg>
+                            <div class="name">icon_744</div>
+                            <div class="code-name">#icon_set_save</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_dianpu_fenlei"></use>
+                            </svg>
+                            <div class="name">icon_754</div>
+                            <div class="code-name">#icon_dianpu_fenlei</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_dianpu_fengge"></use>
+                            </svg>
+                            <div class="name">icon_808</div>
+                            <div class="code-name">#icon_dianpu_fengge</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_dianpu_sucai"></use>
+                            </svg>
+                            <div class="name">icon_810</div>
+                            <div class="code-name">#icon_dianpu_sucai</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_dianpu_xiangqing"></use>
+                            </svg>
+                            <div class="name">icon_850</div>
+                            <div class="code-name">#icon_dianpu_xiangqing</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_order_guanli"></use>
+                            </svg>
+                            <div class="name">icon_880</div>
+                            <div class="code-name">#icon_order_guanli</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_caiwu"></use>
+                            </svg>
+                            <div class="name">icon_30</div>
+                            <div class="code-name">#icon_caiwu</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_user"></use>
+                            </svg>
+                            <div class="name">icon_130</div>
+                            <div class="code-name">#icon_user</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_set_user"></use>
+                            </svg>
+                            <div class="name">icon_138</div>
+                            <div class="code-name">#icon_set_user</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_shuju"></use>
+                            </svg>
+                            <div class="name">icon_170</div>
+                            <div class="code-name">#icon_shuju</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_dianpu_home"></use>
+                            </svg>
+                            <div class="name">icon_415</div>
+                            <div class="code-name">#icon_dianpu_home</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_yingyongcenter"></use>
+                            </svg>
+                            <div class="name">icon_436</div>
+                            <div class="code-name">#icon_yingyongcenter</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_qudao"></use>
+                            </svg>
+                            <div class="name">icon_460</div>
+                            <div class="code-name">#icon_qudao</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_qudao2"></use>
+                            </svg>
+                            <div class="name">icon_457</div>
+                            <div class="code-name">#icon_qudao2</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_set_store"></use>
+                            </svg>
+                            <div class="name">icon_542</div>
+                            <div class="code-name">#icon_set_store</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_dianpu_weiyem"></use>
+                            </svg>
+                            <div class="name">icon_545</div>
+                            <div class="code-name">#icon_dianpu_weiyem</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_set_quanxian"></use>
+                            </svg>
+                            <div class="name">icon_595</div>
+                            <div class="code-name">#icon_set_quanxian</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_hide"></use>
+                            </svg>
+                            <div class="name">icon_643</div>
+                            <div class="code-name">#icon_hide</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_show"></use>
+                            </svg>
+                            <div class="name">icon_644</div>
+                            <div class="code-name">#icon_show</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_wallet"></use>
+                            </svg>
+                            <div class="name">icon_645</div>
+                            <div class="code-name">#icon_wallet</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_set_pay"></use>
+                            </svg>
+                            <div class="name">icon_646</div>
+                            <div class="code-name">#icon_set_pay</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_set_weihu"></use>
+                            </svg>
+                            <div class="name">icon_663</div>
+                            <div class="code-name">#icon_set_weihu</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_set_peisong"></use>
+                            </svg>
+                            <div class="name">icon_673</div>
+                            <div class="code-name">#icon_set_peisong</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_yingxiaowf"></use>
+                            </svg>
+                            <div class="name">icon_684</div>
+                            <div class="code-name">#icon_yingxiaowf</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_dianpu_shoppingCar"></use>
+                            </svg>
+                            <div class="name">icon_695</div>
+                            <div class="code-name">#icon_dianpu_shoppingCar</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_goods"></use>
+                            </svg>
+                            <div class="name">menu_goods</div>
+                            <div class="code-name">#icon_goods</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_sort"></use>
+                            </svg>
+                            <div class="name">menu_sort</div>
+                            <div class="code-name">#icon_sort</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_danwei"></use>
+                            </svg>
+                            <div class="name">menu_danwei</div>
+                            <div class="code-name">#icon_danwei</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_pingjia"></use>
+                            </svg>
+                            <div class="name">menu_pingjia</div>
+                            <div class="code-name">#icon_pingjia</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_pinpai"></use>
+                            </svg>
+                            <div class="name">menu_pinpai</div>
+                            <div class="code-name">#icon_pinpai</div>
+                        </li>
+
+                        <li class="dib">
+                            <svg class="icon svg-icon" aria-hidden="true">
+                                <use xlink:href="#icon_gongyingshang"></use>
+                            </svg>
+                            <div class="name">menu_gongyingshang</div>
+                            <div class="code-name">#icon_gongyingshang</div>
                         </li>
                     </ul>
                     <div class="article markdown">
@@ -229,8 +1918,8 @@
                         <ul>
                             <li>支持多色图标了，不再受单色限制。</li>
                             <li>
-                                通过一些技巧，支持像字体那样，通过 <code>font-size</code>,
-                                <code>color</code> 来调整样式。
+                                通过一些技巧，支持像字体那样，通过
+                                <code>font-size</code>, <code>color</code> 来调整样式。
                             </li>
                             <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
                             <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
diff --git a/admin/src/assets/font/iconfont.css b/admin/src/assets/font/iconfont.css
index fb13cbf6..6bbdf544 100644
--- a/admin/src/assets/font/iconfont.css
+++ b/admin/src/assets/font/iconfont.css
@@ -1,8 +1,7 @@
 @font-face {
-    font-family: 'iconfont'; /* Project id 3112541 */
-    src: url('iconfont.woff2?t=1640939015921') format('woff2'),
-        url('iconfont.woff?t=1640939015921') format('woff'),
-        url('iconfont.ttf?t=1640939015921') format('truetype');
+    font-family: 'iconfont'; /* Project id 2786219 */
+    src: url('iconfont.woff2?t=1638503419755') format('woff2'), url('iconfont.woff?t=1638503419755') format('woff'),
+        url('iconfont.ttf?t=1638503419755') format('truetype');
 }
 
 .iconfont {
@@ -13,14 +12,354 @@
     -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-quanxian:before {
+.icon_kdzs_mdsz:before {
+    content: '\e7c2';
+}
+
+.icon_xpdy_mbgl:before {
+    content: '\e6f9';
+}
+
+.icon_xcxzb_zb:before {
+    content: '\e701';
+}
+
+.icon_xycj_cj:before {
+    content: '\e752';
+}
+
+.icon_kdzs_fjrmb:before {
+    content: '\e75a';
+}
+
+.operation:before {
+    content: '\e75c';
+}
+
+.icon_pcshop:before {
+    content: '\e75d';
+}
+
+.icon_xpdy_dyjgl:before {
+    content: '\e75e';
+}
+
+.icon_kdzs_pldy:before {
+    content: '\e772';
+}
+
+.icon_kdzs_mdmb:before {
+    content: '\e7cc';
+}
+
+.icon_qudao_h5:before {
+    content: '\e753';
+}
+
+.icon_fenxiao_goods:before {
+    content: '\e75b';
+}
+
+.icon_kanjia:before {
+    content: '\e6d1';
+}
+
+.icon_hexiao_order:before {
+    content: '\e7b4';
+}
+
+.icon_pintuan:before {
+    content: '\e7cf';
+}
+
+.carryout:before {
+    content: '\e7d3';
+}
+
+.icon_qiandao_jilu:before {
+    content: '\e7d4';
+}
+
+.icon_notice:before {
+    content: '\e7da';
+}
+
+.icon_notice_mail:before {
+    content: '\e7de';
+}
+
+.gift:before {
+    content: '\e842';
+}
+
+.icon_notice_buyer:before {
+    content: '\e8e8';
+}
+
+.Field-time:before {
+    content: '\e90e';
+}
+
+.icon_hexiao_member2:before {
+    content: '\e747';
+}
+
+.icon_coupons:before {
+    content: '\e74a';
+}
+
+.icon_coupons_data:before {
+    content: '\e74b';
+}
+
+.icon_fenxiao_member:before {
+    content: '\e74c';
+}
+
+.icon_qiandao_guize:before {
+    content: '\e751';
+}
+
+.icon_pintuan2:before {
+    content: '\e759';
+}
+
+.icon_notice_seller:before {
+    content: '\e76a';
+}
+
+.icon_pintuan_data:before {
+    content: '\e76b';
+}
+
+.icon_fenxiao_data:before {
+    content: '\e76c';
+}
+
+.icon_ziti_store:before {
+    content: '\e76f';
+}
+
+.wallet:before {
+    content: '\e774';
+}
+
+.icon_kefu_comments:before {
+    content: '\e7b2';
+}
+
+.tradingdata:before {
+    content: '\e7b5';
+}
+
+.icon_fenxiao_order:before {
+    content: '\e7c4';
+}
+
+.icon_hexiao_member:before {
+    content: '\e7c9';
+}
+
+.icon_fenxiao_set:before {
+    content: '\e7ca';
+}
+
+.icon_fenxiao_grade:before {
+    content: '\e7d5';
+}
+
+.yiguanzhugongyingshang:before {
+    content: '\e7d6';
+}
+
+.icon_user_gaikuang:before {
+    content: '\e834';
+}
+
+.icon_qudao_weixin:before {
+    content: '\e833';
+}
+
+.icon_qudao_app:before {
+    content: '\e827';
+}
+
+.icon_qudao_xiaochengxu:before {
+    content: '\e6b4';
+}
+
+.icon_dianpu_daohang:before {
+    content: '\e857';
+}
+
+.icon_yingxiao_qipao:before {
+    content: '\e860';
+}
+
+.icon_set_jiaoyi:before {
+    content: '\e88f';
+}
+
+.icon_caiwu_yue:before {
+    content: '\e82c';
+}
+
+.icon_caiwu_tixian:before {
+    content: '\e828';
+}
+
+.icon_caiwu_jifen:before {
+    content: '\e829';
+}
+
+.icon_shuju_liuliang:before {
+    content: '\e82b';
+}
+
+.icon_user_dengji:before {
+    content: '\e82f';
+}
+
+.icon_user_guanli:before {
+    content: '\e830';
+}
+
+.icon_user_biaoqian:before {
+    content: '\e831';
+}
+
+.icon_order_shouhou:before {
+    content: '\e82a';
+}
+
+.icon_copy:before {
+    content: '\e861';
+}
+
+.icon_set_product:before {
+    content: '\e880';
+}
+
+.icon_set_save:before {
+    content: '\e887';
+}
+
+.icon_dianpu_fenlei:before {
+    content: '\e889';
+}
+
+.icon_dianpu_fengge:before {
+    content: '\e896';
+}
+
+.icon_dianpu_sucai:before {
+    content: '\e897';
+}
+
+.icon_dianpu_xiangqing:before {
+    content: '\e8a1';
+}
+
+.icon_order_guanli:before {
+    content: '\e8a9';
+}
+
+.icon_caiwu:before {
+    content: '\e826';
+}
+
+.icon_user:before {
+    content: '\e82d';
+}
+
+.icon_set_user:before {
+    content: '\e82e';
+}
+
+.icon_shuju:before {
+    content: '\e832';
+}
+
+.icon_dianpu_home:before {
+    content: '\e84c';
+}
+
+.icon_yingyongcenter:before {
+    content: '\e84f';
+}
+
+.icon_qudao:before {
+    content: '\e853';
+}
+
+.icon_qudao2:before {
+    content: '\e854';
+}
+
+.icon_set_store:before {
+    content: '\e85c';
+}
+
+.icon_dianpu_weiyem:before {
+    content: '\e85d';
+}
+
+.icon_set_quanxian:before {
+    content: '\e866';
+}
+
+.icon_hide:before {
+    content: '\e86f';
+}
+
+.icon_show:before {
+    content: '\e870';
+}
+
+.icon_wallet:before {
+    content: '\e871';
+}
+
+.icon_set_pay:before {
+    content: '\e872';
+}
+
+.icon_set_weihu:before {
+    content: '\e875';
+}
+
+.icon_set_peisong:before {
+    content: '\e877';
+}
+
+.icon_yingxiaowf:before {
+    content: '\e879';
+}
+
+.icon_dianpu_shoppingCar:before {
+    content: '\e87e';
+}
+
+.icon_goods:before {
+    content: '\e657';
+}
+
+.icon_sort:before {
     content: '\e658';
 }
 
-.icon-setting:before {
-    content: '\e659';
+.icon_danwei:before {
+    content: '\e653';
 }
 
-.icon-home:before {
-    content: '\e65a';
+.icon_pingjia:before {
+    content: '\e654';
+}
+
+.icon_pinpai:before {
+    content: '\e655';
+}
+
+.icon_gongyingshang:before {
+    content: '\e656';
 }
diff --git a/admin/src/assets/font/iconfont.json b/admin/src/assets/font/iconfont.json
index a8e85418..bfbddd38 100644
--- a/admin/src/assets/font/iconfont.json
+++ b/admin/src/assets/font/iconfont.json
@@ -1,30 +1,625 @@
 {
-    "id": "3112541",
-    "name": "likesadmin",
+    "id": "2786219",
+    "name": "菜单图标",
     "font_family": "iconfont",
-    "css_prefix_text": "icon-",
+    "css_prefix_text": "",
     "description": "",
     "glyphs": [
         {
-            "icon_id": "26923968",
-            "name": "quanxian",
-            "font_class": "quanxian",
+            "icon_id": "13087831",
+            "name": "分层配置",
+            "font_class": "icon_kdzs_mdsz",
+            "unicode": "e7c2",
+            "unicode_decimal": 59330
+        },
+        {
+            "icon_id": "11474291",
+            "name": "integral",
+            "font_class": "icon_xpdy_mbgl",
+            "unicode": "e6f9",
+            "unicode_decimal": 59129
+        },
+        {
+            "icon_id": "11474324",
+            "name": "play",
+            "font_class": "icon_xcxzb_zb",
+            "unicode": "e701",
+            "unicode_decimal": 59137
+        },
+        {
+            "icon_id": "11488055",
+            "name": "gift",
+            "font_class": "icon_xycj_cj",
+            "unicode": "e752",
+            "unicode_decimal": 59218
+        },
+        {
+            "icon_id": "11488086",
+            "name": "office-supplies",
+            "font_class": "icon_kdzs_fjrmb",
+            "unicode": "e75a",
+            "unicode_decimal": 59226
+        },
+        {
+            "icon_id": "11488090",
+            "name": "operation",
+            "font_class": "operation",
+            "unicode": "e75c",
+            "unicode_decimal": 59228
+        },
+        {
+            "icon_id": "11488094",
+            "name": "phone",
+            "font_class": "icon_pcshop",
+            "unicode": "e75d",
+            "unicode_decimal": 59229
+        },
+        {
+            "icon_id": "11488099",
+            "name": "print",
+            "font_class": "icon_xpdy_dyjgl",
+            "unicode": "e75e",
+            "unicode_decimal": 59230
+        },
+        {
+            "icon_id": "11488203",
+            "name": "invoice",
+            "font_class": "icon_kdzs_pldy",
+            "unicode": "e772",
+            "unicode_decimal": 59250
+        },
+        {
+            "icon_id": "13087859",
+            "name": "cascades",
+            "font_class": "icon_kdzs_mdmb",
+            "unicode": "e7cc",
+            "unicode_decimal": 59340
+        },
+        {
+            "icon_id": "11488057",
+            "name": "image-text",
+            "font_class": "icon_qudao_h5",
+            "unicode": "e753",
+            "unicode_decimal": 59219
+        },
+        {
+            "icon_id": "11488091",
+            "name": "packaging",
+            "font_class": "icon_fenxiao_goods",
+            "unicode": "e75b",
+            "unicode_decimal": 59227
+        },
+        {
+            "icon_id": "16322380",
+            "name": "砍价",
+            "font_class": "icon_kanjia",
+            "unicode": "e6d1",
+            "unicode_decimal": 59089
+        },
+        {
+            "icon_id": "4766459",
+            "name": "file done",
+            "font_class": "icon_hexiao_order",
+            "unicode": "e7b4",
+            "unicode_decimal": 59316
+        },
+        {
+            "icon_id": "4766779",
+            "name": "shopping",
+            "font_class": "icon_pintuan",
+            "unicode": "e7cf",
+            "unicode_decimal": 59343
+        },
+        {
+            "icon_id": "4766856",
+            "name": "carry out",
+            "font_class": "carryout",
+            "unicode": "e7d3",
+            "unicode_decimal": 59347
+        },
+        {
+            "icon_id": "4766857",
+            "name": "calendar-check",
+            "font_class": "icon_qiandao_jilu",
+            "unicode": "e7d4",
+            "unicode_decimal": 59348
+        },
+        {
+            "icon_id": "4766907",
+            "name": "sound",
+            "font_class": "icon_notice",
+            "unicode": "e7da",
+            "unicode_decimal": 59354
+        },
+        {
+            "icon_id": "4766918",
+            "name": "mail",
+            "font_class": "icon_notice_mail",
+            "unicode": "e7de",
+            "unicode_decimal": 59358
+        },
+        {
+            "icon_id": "4936458",
+            "name": "gift",
+            "font_class": "gift",
+            "unicode": "e842",
+            "unicode_decimal": 59458
+        },
+        {
+            "icon_id": "6598316",
+            "name": "comment",
+            "font_class": "icon_notice_buyer",
+            "unicode": "e8e8",
+            "unicode_decimal": 59624
+        },
+        {
+            "icon_id": "9229178",
+            "name": "Field-time",
+            "font_class": "Field-time",
+            "unicode": "e90e",
+            "unicode_decimal": 59662
+        },
+        {
+            "icon_id": "11488002",
+            "name": "certified-supplier",
+            "font_class": "icon_hexiao_member2",
+            "unicode": "e747",
+            "unicode_decimal": 59207
+        },
+        {
+            "icon_id": "11488015",
+            "name": "coupons",
+            "font_class": "icon_coupons",
+            "unicode": "e74a",
+            "unicode_decimal": 59210
+        },
+        {
+            "icon_id": "11488023",
+            "name": "data",
+            "font_class": "icon_coupons_data",
+            "unicode": "e74b",
+            "unicode_decimal": 59211
+        },
+        {
+            "icon_id": "11488024",
+            "name": "Customer management",
+            "font_class": "icon_fenxiao_member",
+            "unicode": "e74c",
+            "unicode_decimal": 59212
+        },
+        {
+            "icon_id": "11488044",
+            "name": "feeds",
+            "font_class": "icon_qiandao_guize",
+            "unicode": "e751",
+            "unicode_decimal": 59217
+        },
+        {
+            "icon_id": "11488081",
+            "name": "New user zone",
+            "font_class": "icon_pintuan2",
+            "unicode": "e759",
+            "unicode_decimal": 59225
+        },
+        {
+            "icon_id": "11488152",
+            "name": "trade alert",
+            "font_class": "icon_notice_seller",
+            "unicode": "e76a",
+            "unicode_decimal": 59242
+        },
+        {
+            "icon_id": "11488153",
+            "name": "top sales",
+            "font_class": "icon_pintuan_data",
+            "unicode": "e76b",
+            "unicode_decimal": 59243
+        },
+        {
+            "icon_id": "11488154",
+            "name": "trading volume",
+            "font_class": "icon_fenxiao_data",
+            "unicode": "e76c",
+            "unicode_decimal": 59244
+        },
+        {
+            "icon_id": "11488170",
+            "name": "store",
+            "font_class": "icon_ziti_store",
+            "unicode": "e76f",
+            "unicode_decimal": 59247
+        },
+        {
+            "icon_id": "11488210",
+            "name": "wallet",
+            "font_class": "wallet",
+            "unicode": "e774",
+            "unicode_decimal": 59252
+        },
+        {
+            "icon_id": "12011693",
+            "name": "comments",
+            "font_class": "icon_kefu_comments",
+            "unicode": "e7b2",
+            "unicode_decimal": 59314
+        },
+        {
+            "icon_id": "12012167",
+            "name": "trading data",
+            "font_class": "tradingdata",
+            "unicode": "e7b5",
+            "unicode_decimal": 59317
+        },
+        {
+            "icon_id": "13087832",
+            "name": "申请记录",
+            "font_class": "icon_fenxiao_order",
+            "unicode": "e7c4",
+            "unicode_decimal": 59332
+        },
+        {
+            "icon_id": "13087848",
+            "name": "中间人",
+            "font_class": "icon_hexiao_member",
+            "unicode": "e7c9",
+            "unicode_decimal": 59337
+        },
+        {
+            "icon_id": "13087852",
+            "name": "账户操作",
+            "font_class": "icon_fenxiao_set",
+            "unicode": "e7ca",
+            "unicode_decimal": 59338
+        },
+        {
+            "icon_id": "13119207",
+            "name": "通讯录",
+            "font_class": "icon_fenxiao_grade",
+            "unicode": "e7d5",
+            "unicode_decimal": 59349
+        },
+        {
+            "icon_id": "13119208",
+            "name": "已关注供应商",
+            "font_class": "yiguanzhugongyingshang",
+            "unicode": "e7d6",
+            "unicode_decimal": 59350
+        },
+        {
+            "icon_id": "23974314",
+            "name": "icon_164",
+            "font_class": "icon_user_gaikuang",
+            "unicode": "e834",
+            "unicode_decimal": 59444
+        },
+        {
+            "icon_id": "6154432",
+            "name": "微信",
+            "font_class": "icon_qudao_weixin",
+            "unicode": "e833",
+            "unicode_decimal": 59443
+        },
+        {
+            "icon_id": "23974200",
+            "name": "icon_59",
+            "font_class": "icon_qudao_app",
+            "unicode": "e827",
+            "unicode_decimal": 59431
+        },
+        {
+            "icon_id": "15643755",
+            "name": "小程序设置",
+            "font_class": "icon_qudao_xiaochengxu",
+            "unicode": "e6b4",
+            "unicode_decimal": 59060
+        },
+        {
+            "icon_id": "23974663",
+            "name": "icon_511",
+            "font_class": "icon_dianpu_daohang",
+            "unicode": "e857",
+            "unicode_decimal": 59479
+        },
+        {
+            "icon_id": "23974709",
+            "name": "icon_563",
+            "font_class": "icon_yingxiao_qipao",
+            "unicode": "e860",
+            "unicode_decimal": 59488
+        },
+        {
+            "icon_id": "23974926",
+            "name": "icon_777",
+            "font_class": "icon_set_jiaoyi",
+            "unicode": "e88f",
+            "unicode_decimal": 59535
+        },
+        {
+            "icon_id": "23974194",
+            "name": "icon_52",
+            "font_class": "icon_caiwu_yue",
+            "unicode": "e82c",
+            "unicode_decimal": 59436
+        },
+        {
+            "icon_id": "23974189",
+            "name": "icon_48",
+            "font_class": "icon_caiwu_tixian",
+            "unicode": "e828",
+            "unicode_decimal": 59432
+        },
+        {
+            "icon_id": "23974193",
+            "name": "icon_41",
+            "font_class": "icon_caiwu_jifen",
+            "unicode": "e829",
+            "unicode_decimal": 59433
+        },
+        {
+            "icon_id": "23974195",
+            "name": "icon_56",
+            "font_class": "icon_shuju_liuliang",
+            "unicode": "e82b",
+            "unicode_decimal": 59435
+        },
+        {
+            "icon_id": "23974284",
+            "name": "icon_136",
+            "font_class": "icon_user_dengji",
+            "unicode": "e82f",
+            "unicode_decimal": 59439
+        },
+        {
+            "icon_id": "23974285",
+            "name": "icon_141",
+            "font_class": "icon_user_guanli",
+            "unicode": "e830",
+            "unicode_decimal": 59440
+        },
+        {
+            "icon_id": "23974287",
+            "name": "icon_137",
+            "font_class": "icon_user_biaoqian",
+            "unicode": "e831",
+            "unicode_decimal": 59441
+        },
+        {
+            "icon_id": "23974238",
+            "name": "icon_95",
+            "font_class": "icon_order_shouhou",
+            "unicode": "e82a",
+            "unicode_decimal": 59434
+        },
+        {
+            "icon_id": "23974703",
+            "name": "icon_551",
+            "font_class": "icon_copy",
+            "unicode": "e861",
+            "unicode_decimal": 59489
+        },
+        {
+            "icon_id": "23974857",
+            "name": "icon_710",
+            "font_class": "icon_set_product",
+            "unicode": "e880",
+            "unicode_decimal": 59520
+        },
+        {
+            "icon_id": "23974892",
+            "name": "icon_744",
+            "font_class": "icon_set_save",
+            "unicode": "e887",
+            "unicode_decimal": 59527
+        },
+        {
+            "icon_id": "23974902",
+            "name": "icon_754",
+            "font_class": "icon_dianpu_fenlei",
+            "unicode": "e889",
+            "unicode_decimal": 59529
+        },
+        {
+            "icon_id": "23974956",
+            "name": "icon_808",
+            "font_class": "icon_dianpu_fengge",
+            "unicode": "e896",
+            "unicode_decimal": 59542
+        },
+        {
+            "icon_id": "23974958",
+            "name": "icon_810",
+            "font_class": "icon_dianpu_sucai",
+            "unicode": "e897",
+            "unicode_decimal": 59543
+        },
+        {
+            "icon_id": "23974996",
+            "name": "icon_850",
+            "font_class": "icon_dianpu_xiangqing",
+            "unicode": "e8a1",
+            "unicode_decimal": 59553
+        },
+        {
+            "icon_id": "23975028",
+            "name": "icon_880",
+            "font_class": "icon_order_guanli",
+            "unicode": "e8a9",
+            "unicode_decimal": 59561
+        },
+        {
+            "icon_id": "23974187",
+            "name": "icon_30",
+            "font_class": "icon_caiwu",
+            "unicode": "e826",
+            "unicode_decimal": 59430
+        },
+        {
+            "icon_id": "23974276",
+            "name": "icon_130",
+            "font_class": "icon_user",
+            "unicode": "e82d",
+            "unicode_decimal": 59437
+        },
+        {
+            "icon_id": "23974282",
+            "name": "icon_138",
+            "font_class": "icon_set_user",
+            "unicode": "e82e",
+            "unicode_decimal": 59438
+        },
+        {
+            "icon_id": "23974320",
+            "name": "icon_170",
+            "font_class": "icon_shuju",
+            "unicode": "e832",
+            "unicode_decimal": 59442
+        },
+        {
+            "icon_id": "23974561",
+            "name": "icon_415",
+            "font_class": "icon_dianpu_home",
+            "unicode": "e84c",
+            "unicode_decimal": 59468
+        },
+        {
+            "icon_id": "23974584",
+            "name": "icon_436",
+            "font_class": "icon_yingyongcenter",
+            "unicode": "e84f",
+            "unicode_decimal": 59471
+        },
+        {
+            "icon_id": "23974606",
+            "name": "icon_460",
+            "font_class": "icon_qudao",
+            "unicode": "e853",
+            "unicode_decimal": 59475
+        },
+        {
+            "icon_id": "23974607",
+            "name": "icon_457",
+            "font_class": "icon_qudao2",
+            "unicode": "e854",
+            "unicode_decimal": 59476
+        },
+        {
+            "icon_id": "23974689",
+            "name": "icon_542",
+            "font_class": "icon_set_store",
+            "unicode": "e85c",
+            "unicode_decimal": 59484
+        },
+        {
+            "icon_id": "23974694",
+            "name": "icon_545",
+            "font_class": "icon_dianpu_weiyem",
+            "unicode": "e85d",
+            "unicode_decimal": 59485
+        },
+        {
+            "icon_id": "23974743",
+            "name": "icon_595",
+            "font_class": "icon_set_quanxian",
+            "unicode": "e866",
+            "unicode_decimal": 59494
+        },
+        {
+            "icon_id": "23974791",
+            "name": "icon_643",
+            "font_class": "icon_hide",
+            "unicode": "e86f",
+            "unicode_decimal": 59503
+        },
+        {
+            "icon_id": "23974792",
+            "name": "icon_644",
+            "font_class": "icon_show",
+            "unicode": "e870",
+            "unicode_decimal": 59504
+        },
+        {
+            "icon_id": "23974793",
+            "name": "icon_645",
+            "font_class": "icon_wallet",
+            "unicode": "e871",
+            "unicode_decimal": 59505
+        },
+        {
+            "icon_id": "23974795",
+            "name": "icon_646",
+            "font_class": "icon_set_pay",
+            "unicode": "e872",
+            "unicode_decimal": 59506
+        },
+        {
+            "icon_id": "23974814",
+            "name": "icon_663",
+            "font_class": "icon_set_weihu",
+            "unicode": "e875",
+            "unicode_decimal": 59509
+        },
+        {
+            "icon_id": "23974823",
+            "name": "icon_673",
+            "font_class": "icon_set_peisong",
+            "unicode": "e877",
+            "unicode_decimal": 59511
+        },
+        {
+            "icon_id": "23974833",
+            "name": "icon_684",
+            "font_class": "icon_yingxiaowf",
+            "unicode": "e879",
+            "unicode_decimal": 59513
+        },
+        {
+            "icon_id": "23974842",
+            "name": "icon_695",
+            "font_class": "icon_dianpu_shoppingCar",
+            "unicode": "e87e",
+            "unicode_decimal": 59518
+        },
+        {
+            "icon_id": "24076801",
+            "name": "menu_goods",
+            "font_class": "icon_goods",
+            "unicode": "e657",
+            "unicode_decimal": 58967
+        },
+        {
+            "icon_id": "24076802",
+            "name": "menu_sort",
+            "font_class": "icon_sort",
             "unicode": "e658",
             "unicode_decimal": 58968
         },
         {
-            "icon_id": "26923969",
-            "name": "setting",
-            "font_class": "setting",
-            "unicode": "e659",
-            "unicode_decimal": 58969
+            "icon_id": "24069361",
+            "name": "menu_danwei",
+            "font_class": "icon_danwei",
+            "unicode": "e653",
+            "unicode_decimal": 58963
         },
         {
-            "icon_id": "26923970",
-            "name": "home",
-            "font_class": "home",
-            "unicode": "e65a",
-            "unicode_decimal": 58970
+            "icon_id": "24069362",
+            "name": "menu_pingjia",
+            "font_class": "icon_pingjia",
+            "unicode": "e654",
+            "unicode_decimal": 58964
+        },
+        {
+            "icon_id": "24069363",
+            "name": "menu_pinpai",
+            "font_class": "icon_pinpai",
+            "unicode": "e655",
+            "unicode_decimal": 58965
+        },
+        {
+            "icon_id": "24069364",
+            "name": "menu_gongyingshang",
+            "font_class": "icon_gongyingshang",
+            "unicode": "e656",
+            "unicode_decimal": 58966
         }
     ]
 }
diff --git a/admin/src/assets/font/iconfont.ttf b/admin/src/assets/font/iconfont.ttf
index 372aed7e..2a958d3a 100644
Binary files a/admin/src/assets/font/iconfont.ttf and b/admin/src/assets/font/iconfont.ttf differ
diff --git a/admin/src/assets/font/iconfont.woff b/admin/src/assets/font/iconfont.woff
index 6cf35b91..7c489a54 100644
Binary files a/admin/src/assets/font/iconfont.woff and b/admin/src/assets/font/iconfont.woff differ
diff --git a/admin/src/assets/font/iconfont.woff2 b/admin/src/assets/font/iconfont.woff2
index 7fa398af..4b58c621 100644
Binary files a/admin/src/assets/font/iconfont.woff2 and b/admin/src/assets/font/iconfont.woff2 differ
diff --git a/admin/src/views/permission/menu/edit.vue b/admin/src/views/permission/menu/edit.vue
index 70283a68..30acb38e 100644
--- a/admin/src/views/permission/menu/edit.vue
+++ b/admin/src/views/permission/menu/edit.vue
@@ -2,6 +2,8 @@
     <div class="menu-edit">
         <el-card shadow="never">
             <el-page-header :content="id ? '编辑菜单' : '新增菜单'" @back="$router.back()" />
+
+            <select-icon class="m-t-20"></select-icon>
         </el-card>
 
         <el-card class="m-t-15" shadow="never">
@@ -52,7 +54,7 @@
                     </el-form-item>
 
                     <div v-if="(formData.menuType == menuDataType.BUTTON) == ''">
-                        <el-form-item label="菜单图标">
+                        <el-form-item label="请选择图标">
                             <el-input
                                 v-model="formData.menuIcon"
                                 show-word-limit
@@ -156,85 +158,6 @@
                             </el-radio-group>
                         </el-form-item>
                     </div>
-
-                    <!-- <el-form-item label="父级菜单">
-                        <el-cascader
-                            v-model="formData.pid"
-                            style="width: 340px"
-                            :options="menuList"
-                            :props="{
-                                checkStrictly: true,
-                                emitPath: false,
-                                label: 'menuName',
-                                value: 'id'
-                            }"
-                            clearable
-                        ></el-cascader>
-                    </el-form-item>
-
-                    <el-form-item label="菜单类型">
-                        <el-radio-group v-model="formData.menuType">
-                            <el-radio :label="menuDataType.CATALOG">目录</el-radio>
-                            <el-radio :label="menuDataType.MENU">菜单</el-radio>
-                            <el-radio :label="menuDataType.BUTTON">按钮</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-
-                    <el-form-item label="菜单名称">
-                        <el-input
-                            v-model="formData.menuName"
-                            show-word-limit
-                            placeholder="请输入名称"
-                        ></el-input>
-                    </el-form-item>
-
-                    <el-form-item label="菜单图标">
-                        <el-input
-                            v-model="formData.menuIcon"
-                            show-word-limit
-                            placeholder="请输入图标"
-                        ></el-input>
-                    </el-form-item>
-
-                    <el-form-item label="菜单排序">
-                        <el-input
-                            v-model="formData.menuSort"
-                            show-word-limit
-                            placeholder="请输入排序"
-                        ></el-input>
-                    </el-form-item>
-
-                    <el-form-item label="菜单权限字符">
-                        <el-input
-                            v-model="formData.perms"
-                            show-word-limit
-                            placeholder="请输入"
-                        ></el-input>
-                    </el-form-item>
-
-                    <el-form-item label="路由路径">
-                        <el-input
-                            v-model="formData.paths"
-                            show-word-limit
-                            placeholder="请输入"
-                        ></el-input>
-                    </el-form-item>
-
-                    <el-form-item label="组件路径">
-                        <el-input
-                            v-model="formData.component"
-                            show-word-limit
-                            placeholder="请输入"
-                        ></el-input>
-                    </el-form-item>
-
-                    <el-form-item label="菜单状态">
-                        <el-switch
-                            v-model="formData.isDisable"
-                            :active-value="0"
-                            :inactive-value="1"
-                        />
-                    </el-form-item> -->
                 </el-form>
             </div>
         </el-card>
@@ -250,6 +173,7 @@ import { onMounted, reactive, ref } from 'vue'
 import FooterBtns from '@/components/footer-btns/index.vue'
 import type { ElForm, ElMessage } from 'element-plus'
 import { apiConfigGetMenu, apiMenuDetail, apiMenuAdd, apiMenuEdit, apiMenuDelete } from '@/api/auth'
+import SelectIcon from './select-icon/index.vue'
 
 const menuDataType = {
     CATALOG: 'M', // 目录
@@ -284,7 +208,7 @@ const formData = ref({
 
 // 获取详情
 const getMenuDetail = async (id: number) => {
-    (formData.value as {}) = await apiMenuDetail({ id })
+    ;(formData.value as {}) = await apiMenuDetail({ id })
     getFatherMenu()
 }
 
diff --git a/admin/src/views/permission/menu/select-icon/index.vue b/admin/src/views/permission/menu/select-icon/index.vue
new file mode 100644
index 00000000..5908f533
--- /dev/null
+++ b/admin/src/views/permission/menu/select-icon/index.vue
@@ -0,0 +1,9 @@
+<template>
+    <div class="select-icon">
+        <div>选择图标</div>
+    </div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/views/setting/system/cache.vue b/admin/src/views/setting/system/cache.vue
index 017fb2f5..3408210c 100644
--- a/admin/src/views/setting/system/cache.vue
+++ b/admin/src/views/setting/system/cache.vue
@@ -14,49 +14,76 @@
 
         <el-card class="m-t-15" shadow="never">
             <div>
-                <div class="m-b-15">基本信息</div>
+                <div class="m-b-20 lg">基本信息</div>
 
-                <el-form :inline="true" :model="formData" label-width="110px" size="small">
-                    <el-form-item label="Redis版本">
-                        <div>{{ formData.redis_version || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="运行模式">
-                        <div>{{ formData.redis_mode || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="端口">
-                        <div>{{ formData.tcp_port || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="客户端数">
-                        <div>{{ formData.connected_clients || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="运行时间(天)">
-                        <div>{{ formData.uptime_in_days || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="使用内存">
-                        <div>{{ formData.used_memory_human || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="使用CPU">
-                        <div>{{ formData.used_cpu_user_children || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="内存配置">
-                        <div>{{ formData.maxmemory_human || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="AOF是否开启">
-                        <div>{{ formData.aof_enabled || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="RDB是否成功">
-                        <div>{{ formData.rdb_last_bgsave_status || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="Key数量">
-                        <div>{{ formData.dbSize || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="网络入口/出口">
-                        <div>
-                            {{ formData.instantaneous_input_kbps || '-' }}
-                            <span>/</span>
-                            {{ formData.instantaneous_output_kbps || '-' }}
+                <el-form :inline="true" :model="formData" size="small">
+                    <div class="flex basic-information">
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">Redis版本</span>
+                            <span>{{ formData.redis_version || '-' }}</span>
                         </div>
-                    </el-form-item>
+
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">运行模式</span>
+                            <span>{{ formData.redis_mode || '-' }}</span>
+                        </div>
+
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">端口</span>
+                            <span>{{ formData.tcp_port || '-' }}</span>
+                        </div>
+
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">客户端数</span>
+                            <span>{{ formData.connected_clients || '-' }}</span>
+                        </div>
+                    </div>
+
+                    <div class="flex basic-information">
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">运行时间(天)</span>
+                            <span>{{ formData.uptime_in_days || '-' }}</span>
+                        </div>
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">使用内存</span>
+                            <span>{{ formData.used_memory_human || '-' }}</span>
+                        </div>
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">使用CPU</span>
+                            <span>{{ formData.used_cpu_user_children || '-' }}</span>
+                        </div>
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">内存配置</span>
+                            <span>{{ formData.maxmemory_human || '-' }}</span>
+                        </div>
+                    </div>
+
+                    <div class="flex basic-information">
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">AOF是否开启</span>
+                            <span>{{ formData.aof_enabled == '0' ? '开启' : '关闭' || '-' }}</span>
+                        </div>
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">RDB是否成功</span>
+                            <span>
+                                {{
+                                    formData.rdb_last_bgsave_status == 'ok' ? '成功' : '失败' || '-'
+                                }}
+                            </span>
+                        </div>
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">Key数量</span>
+                            <span>{{ formData.dbSize || '-' }}</span>
+                        </div>
+                        <div class="flex-1">
+                            <span class="m-r-40 nr">网络入口/出口</span>
+                            <span>
+                                {{ formData.instantaneous_input_kbps || '-' }}
+                                <span>/</span>
+                                {{ formData.instantaneous_output_kbps || '-' }}
+                            </span>
+                        </div>
+                    </div>
                 </el-form>
             </div>
         </el-card>
@@ -65,7 +92,7 @@
             <!-- 命令统计 -->
             <el-card class="m-r-15 flex-1 test" shadow="never">
                 <div>
-                    <div class="p-b-60">命令统计</div>
+                    <div class="p-b-60 lg">命令统计</div>
                     <div class="statistical-chart">
                         <v-chart class="chart" :option="statisticalData.commandChartOption" />
                     </div>
@@ -75,7 +102,7 @@
             <!-- 内存信息 -->
             <el-card class="flex-1" shadow="never">
                 <div>
-                    <div class="p-b-40">内存信息</div>
+                    <div class="p-b-40 lg">内存信息</div>
                     <div class="statistical-chart">
                         <v-chart class="chart" :option="statisticalData.memoryChartOption" />
                     </div>
@@ -223,4 +250,10 @@ onMounted(() => {
     justify-content: center;
     height: 240px;
 }
+
+.basic-information {
+    padding-bottom: 20px;
+    margin-top: 20px;
+    border-bottom: 1px solid #dfdfdf;
+}
 </style>
diff --git a/admin/src/views/setting/system/environment.vue b/admin/src/views/setting/system/environment.vue
index 4227c93a..bcf8376d 100644
--- a/admin/src/views/setting/system/environment.vue
+++ b/admin/src/views/setting/system/environment.vue
@@ -3,92 +3,88 @@
     <div class="system-environment">
         <div class="flex">
             <el-card class="flex-1 m-r-15" shadow="never">
-                <div>CPU</div>
+                <div class="lg">CPU</div>
                 <div class="m-t-15">
                     <el-form :inline="true" :model="cpuFormData" label-width="110px" size="small">
-                        <el-form-item label="核心数">
-                            <div>{{ cpuFormData.cpuNum || '-' }}</div>
-                        </el-form-item>
-                        <el-form-item label="用户使用率">
-                            <div>{{ cpuFormData.used || '-' }}%</div>
-                        </el-form-item>
-                        <el-form-item label="系统使用率">
-                            <div>{{ cpuFormData.sys || '-' }}%</div>
-                        </el-form-item>
-                        <el-form-item label="当前空闲率">
-                            <div>{{ cpuFormData.free || '-' }}%</div>
-                        </el-form-item>
+                        <div class="flex">
+                            <div class="flex-1">
+                                <div class="f-s-32 m-b-10">{{ cpuFormData.cpuNum || '-' }}</div>
+                                <div class="lighter">核心数</div>
+                            </div>
+
+                            <div class="flex-1">
+                                <div class="f-s-32 m-b-10">{{ cpuFormData.used || '-' }}%</div>
+                                <div class="lighter">用户使用率</div>
+                            </div>
+
+                            <div class="flex-1">
+                                <div class="f-s-32 m-b-10">{{ cpuFormData.sys || '-' }}%</div>
+                                <div class="lighter">系统使用率</div>
+                            </div>
+
+                            <div class="flex-1">
+                                <div class="f-s-32 m-b-10">{{ cpuFormData.free || '-' }}%</div>
+                                <div class="lighter">当前空闲率</div>
+                            </div>
+                        </div>
                     </el-form>
                 </div>
             </el-card>
 
             <el-card class="flex-1" shadow="never">
-                <div>内存</div>
+                <div class="lg">内存</div>
                 <div class="m-t-15">
                     <el-form :inline="true" :model="memFormData" label-width="110px" size="small">
-                        <el-form-item label="总内存">
-                            <div>{{ memFormData.total || '-' }}G</div>
-                        </el-form-item>
-                        <el-form-item label="已用内存">
-                            <div>{{ memFormData.used || '-' }}G</div>
-                        </el-form-item>
-                        <el-form-item label="剩余内存">
-                            <div>{{ memFormData.free || '-' }}G</div>
-                        </el-form-item>
-                        <el-form-item label="使用率">
-                            <div>{{ memFormData.usage || '-' }}%</div>
-                        </el-form-item>
+                        <div class="flex">
+                            <div class="flex-1">
+                                <div class="f-s-32 m-b-10">{{ memFormData.total || '-' }}G</div>
+                                <div class="lighter">总内存</div>
+                            </div>
+
+                            <div class="flex-1">
+                                <div class="f-s-32 m-b-10">{{ memFormData.used || '-' }}G</div>
+                                <div class="lighter">已用内存</div>
+                            </div>
+
+                            <div class="flex-1">
+                                <div class="f-s-32 m-b-10">{{ memFormData.free || '-' }}G</div>
+                                <div class="lighter">剩余内存</div>
+                            </div>
+
+                            <div class="flex-1">
+                                <div class="f-s-32 m-b-10">{{ memFormData.usage || '-' }}%</div>
+                                <div class="lighter">使用率</div>
+                            </div>
+                        </div>
                     </el-form>
                 </div>
             </el-card>
         </div>
 
         <el-card shadow="never" class="m-t-15">
-            <div>服务器信息</div>
+            <div class="lg">服务器信息</div>
             <div class="m-t-15">
-                <el-form :inline="true" :model="serverFormData" label-width="160px" size="small">
-                    <el-form-item label="服务器名称">
-                        <div>{{ serverFormData.computerName || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="服务器IP">
-                        <div>{{ serverFormData.computerIp || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="操作系统">
-                        <div>{{ serverFormData.osName || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="系统架构">
-                        <div>{{ serverFormData.osArch || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="项目路径">
-                        <div>{{ serverFormData.userDir || '-' }}</div>
-                    </el-form-item>
-                </el-form>
+                <el-table :data="info.serverFormData" size="medium">
+                    <el-table-column prop="computerName" label="服务器名称"> </el-table-column>
+                    <el-table-column prop="computerIp" label="服务器IP"> </el-table-column>
+                    <el-table-column prop="osName" label="操作系统"> </el-table-column>
+                    <el-table-column prop="osArch" label="系统架构"> </el-table-column>
+                    <el-table-column prop="userDir" label="项目路径"> </el-table-column>
+                </el-table>
             </div>
         </el-card>
 
         <el-card shadow="never" class="m-t-15">
             <div>Java虚拟机信息</div>
             <div class="m-t-15">
-                <el-form :inline="true" :model="jvmFormData" label-width="120px" size="small">
-                    <el-form-item label="Java名称">
-                        <div>{{ jvmFormData.name || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="启动时间">
-                        <div>{{ jvmFormData.startTime || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="安装路径">
-                        <div>{{ jvmFormData.home || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="运行参数">
-                        <div>{{ jvmFormData.inputArgs || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="Java版本">
-                        <div>{{ jvmFormData.version || '-' }}</div>
-                    </el-form-item>
-                    <el-form-item label="运行时长">
-                        <div>{{ jvmFormData.runTime || '-' }}</div>
-                    </el-form-item>
-                </el-form>
+                <el-table :data="info.jvmFormData" size="medium">
+                    <el-table-column prop="name" label="Java名称"> </el-table-column>
+                    <el-table-column prop="startTime" label="启动时间"> </el-table-column>
+                    <el-table-column prop="home" label="安装路径"> </el-table-column>
+                    <el-table-column prop="inputArgs" label="运行参数"> </el-table-column>
+                    <el-table-column prop="version" label="Java版本"> </el-table-column>
+                    <el-table-column prop="runTime" label="运行时长"> </el-table-column>
+                </el-table>
             </div>
         </el-card>
 
@@ -114,13 +110,13 @@ import { defineComponent, reactive, onMounted, ref } from 'vue'
 import { apiSystemInfo } from '@/api/setting'
 
 const info = reactive({
-    disk: [] // 硬盘
+    disk: [], // 硬盘
+    serverFormData: [], // 服务器信息
+    jvmFormData: [] // Java虚拟机信息
 })
 
-const cpuFormData = ref<any>({})
-const memFormData = ref<any>({})
-const serverFormData = ref<any>({})
-const jvmFormData = ref<any>({})
+const cpuFormData = ref<any>({}) // CPU
+const memFormData = ref<any>({}) // 内存
 
 const getSystemInfo = () => {
     apiSystemInfo()
@@ -128,10 +124,10 @@ const getSystemInfo = () => {
             console.log('res', res)
             cpuFormData.value = res.cpu
             memFormData.value = res.mem
-            serverFormData.value = res.sys
-            jvmFormData.value = res.jvm
 
             info.disk = res.disk
+            info.serverFormData = [res.sys]
+            info.jvmFormData = [res.jvm]
         })
         .catch((err: any) => {
             console.log('err', err)