加图标

src/assets/css/font/demo_index.html

@@ -55,6 +55,12 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe609;</span>
+                <div class="name">数据统计</div>
+                <div class="code-name">&amp;#xe609;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe60a;</span>
                 <div class="name">消息管理</div>
                 <div class="code-name">&amp;#xe60a;</div>
@@ -210,9 +216,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1665219700763') format('woff2'),
-       url('iconfont.woff?t=1665219700763') format('woff'),
-       url('iconfont.ttf?t=1665219700763') format('truetype');
+  src: url('iconfont.woff2?t=1677120594046') format('woff2'),
+       url('iconfont.woff?t=1677120594046') format('woff'),
+       url('iconfont.ttf?t=1677120594046') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -239,6 +245,15 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont iconshujutongji"></span>
+            <div class="name">
+              数据统计
+            </div>
+            <div class="code-name">.iconshujutongji
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont iconxiaoxiguanli1"></span>
             <div class="name">
               消息管理
@@ -474,6 +489,14 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconshujutongji"></use>
+                </svg>
+                <div class="name">数据统计</div>
+                <div class="code-name">#iconshujutongji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#iconxiaoxiguanli1"></use>
                 </svg>
                 <div class="name">消息管理</div>

src/assets/css/font/iconfont.css

 @font-face {
   font-family: "iconfont"; /* Project id 2537242 */
-  src: url('iconfont.woff2?t=1665219700763') format('woff2'),
-       url('iconfont.woff?t=1665219700763') format('woff'),
-       url('iconfont.ttf?t=1665219700763') format('truetype');
+  src: url('iconfont.woff2?t=1677120594046') format('woff2'),
+       url('iconfont.woff?t=1677120594046') format('woff'),
+       url('iconfont.ttf?t=1677120594046') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.iconshujutongji:before {
+  content: "\e609";
+}
+
 .iconxiaoxiguanli1:before {
   content: "\e60a";
 }

src/assets/css/font/iconfont.json

@@ -6,6 +6,13 @@
   "description": "猎芯云芯系统前端",
   "glyphs": [
     {
+      "icon_id": "15187540",
+      "name": "数据统计",
+      "font_class": "shujutongji",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
       "icon_id": "1111857",
       "name": "消息管理",
       "font_class": "xiaoxiguanli1",

src/components/menu.vue

@@ -101,7 +101,7 @@
           </el-submenu>
           <el-submenu index="6">
             <template slot="title">
-              <span class="icon iconfont iconxiaoxiguanli1"></span>
+              <span class="icon iconfont iconshujutongji"></span>
               <span slot="title">数据统计</span>
             </template>
             <el-menu-item-group>
@@ -151,9 +151,12 @@
         <span class="icon iconfont icongoods"></span>
       </div>
       <div class="item" :class="{'act':tabSure==6}">
-        <span class="icon iconfont iconxiaoxiguanli1"></span>
+        <span class="icon iconfont iconshujutongji"></span>
       </div>
       <div class="item" :class="{'act':tabSure==7}">
+        <span class="icon iconfont iconxiaoxiguanli1"></span>
+      </div>
+      <div class="item" :class="{'act':tabSure==8}">
         <span class="icon iconfont iconuser"></span>
       </div>
     </div>