整理框架和新建基础模块

src/assets/iconfont/demo_index.html

@@ -54,6 +54,48 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe616;</span>
+                <div class="name">帮助中心</div>
+                <div class="code-name">&amp;#xe616;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62a;</span>
+                <div class="name">管理员</div>
+                <div class="code-name">&amp;#xe62a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe646;</span>
+                <div class="name">关于我们</div>
+                <div class="code-name">&amp;#xe646;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61c;</span>
+                <div class="name">通知中心</div>
+                <div class="code-name">&amp;#xe61c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe76a;</span>
+                <div class="name">政策法规</div>
+                <div class="code-name">&amp;#xe76a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe657;</span>
+                <div class="name">Tab_下载中心</div>
+                <div class="code-name">&amp;#xe657;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">首页</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe60c;</span>
                 <div class="name">地址</div>
@@ -90,10 +132,10 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1750055522436') format('woff2'),
-       url('iconfont.woff?t=1750055522436') format('woff'),
-       url('iconfont.ttf?t=1750055522436') format('truetype'),
-       url('iconfont.svg?t=1750055522436#iconfont') format('svg');
+  src: url('iconfont.woff2?t=1750146970222') format('woff2'),
+       url('iconfont.woff?t=1750146970222') format('woff'),
+       url('iconfont.ttf?t=1750146970222') format('truetype'),
+       url('iconfont.svg?t=1750146970222#iconfont') format('svg');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -119,6 +161,69 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-bangzhuzhongxin"></span>
+            <div class="name">
+              帮助中心
+            </div>
+            <div class="code-name">.icon-bangzhuzhongxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guanliyuan"></span>
+            <div class="name">
+              管理员
+            </div>
+            <div class="code-name">.icon-guanliyuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guanyuwomen"></span>
+            <div class="name">
+              关于我们
+            </div>
+            <div class="code-name">.icon-guanyuwomen
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tongzhizhongxin"></span>
+            <div class="name">
+              通知中心
+            </div>
+            <div class="code-name">.icon-tongzhizhongxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhengcefagui"></span>
+            <div class="name">
+              政策法规
+            </div>
+            <div class="code-name">.icon-zhengcefagui
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-Tab_xiazaizhongxin"></span>
+            <div class="name">
+              Tab_下载中心
+            </div>
+            <div class="code-name">.icon-Tab_xiazaizhongxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouye"></span>
+            <div class="name">
+              首页
+            </div>
+            <div class="code-name">.icon-shouye
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-dizhi"></span>
             <div class="name">
@@ -173,6 +278,62 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bangzhuzhongxin"></use>
+                </svg>
+                <div class="name">帮助中心</div>
+                <div class="code-name">#icon-bangzhuzhongxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guanliyuan"></use>
+                </svg>
+                <div class="name">管理员</div>
+                <div class="code-name">#icon-guanliyuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guanyuwomen"></use>
+                </svg>
+                <div class="name">关于我们</div>
+                <div class="code-name">#icon-guanyuwomen</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tongzhizhongxin"></use>
+                </svg>
+                <div class="name">通知中心</div>
+                <div class="code-name">#icon-tongzhizhongxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhengcefagui"></use>
+                </svg>
+                <div class="name">政策法规</div>
+                <div class="code-name">#icon-zhengcefagui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-Tab_xiazaizhongxin"></use>
+                </svg>
+                <div class="name">Tab_下载中心</div>
+                <div class="code-name">#icon-Tab_xiazaizhongxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouye"></use>
+                </svg>
+                <div class="name">首页</div>
+                <div class="code-name">#icon-shouye</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-dizhi"></use>

src/assets/iconfont/iconfont.css

@@ -1,9 +1,9 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4950533 */
-  src: url('iconfont.woff2?t=1750055522436') format('woff2'),
-       url('iconfont.woff?t=1750055522436') format('woff'),
-       url('iconfont.ttf?t=1750055522436') format('truetype'),
-       url('iconfont.svg?t=1750055522436#iconfont') format('svg');
+  src: url('iconfont.woff2?t=1750146970222') format('woff2'),
+       url('iconfont.woff?t=1750146970222') format('woff'),
+       url('iconfont.ttf?t=1750146970222') format('truetype'),
+       url('iconfont.svg?t=1750146970222#iconfont') format('svg');
 }
 
 .iconfont {
@@ -14,6 +14,34 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-bangzhuzhongxin:before {
+  content: "\e616";
+}
+
+.icon-guanliyuan:before {
+  content: "\e62a";
+}
+
+.icon-guanyuwomen:before {
+  content: "\e646";
+}
+
+.icon-tongzhizhongxin:before {
+  content: "\e61c";
+}
+
+.icon-zhengcefagui:before {
+  content: "\e76a";
+}
+
+.icon-Tab_xiazaizhongxin:before {
+  content: "\e657";
+}
+
+.icon-shouye:before {
+  content: "\e604";
+}
+
 .icon-dizhi:before {
   content: "\e60c";
 }

src/assets/iconfont/iconfont.json

@@ -5,6 +5,55 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "1376042",
+      "name": "帮助中心",
+      "font_class": "bangzhuzhongxin",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "3590935",
+      "name": "管理员",
+      "font_class": "guanliyuan",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "7148747",
+      "name": "关于我们",
+      "font_class": "guanyuwomen",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "8831225",
+      "name": "通知中心",
+      "font_class": "tongzhizhongxin",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "28872723",
+      "name": "政策法规",
+      "font_class": "zhengcefagui",
+      "unicode": "e76a",
+      "unicode_decimal": 59242
+    },
+    {
+      "icon_id": "31518606",
+      "name": "Tab_下载中心",
+      "font_class": "Tab_xiazaizhongxin",
+      "unicode": "e657",
+      "unicode_decimal": 58967
+    },
+    {
+      "icon_id": "44539919",
+      "name": "首页",
+      "font_class": "shouye",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
     {
       "icon_id": "5093357",
       "name": "地址",