wangfumin 1 тиждень тому
батько
коміт
548d021cc6

+ 233 - 3
src/components/bill-ui/components/icon/iconfont/demo_index.html

@@ -55,6 +55,66 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe7bf;</span>
+                <div class="name">orientation</div>
+                <div class="code-name">&amp;#xe7bf;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7b4;</span>
+                <div class="name">window_n</div>
+                <div class="code-name">&amp;#xe7b4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7b5;</span>
+                <div class="name">window_m</div>
+                <div class="code-name">&amp;#xe7b5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7b2;</span>
+                <div class="name">screen_s</div>
+                <div class="code-name">&amp;#xe7b2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7b3;</span>
+                <div class="name">3D_scence</div>
+                <div class="code-name">&amp;#xe7b3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7af;</span>
+                <div class="name">media</div>
+                <div class="code-name">&amp;#xe7af;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7b0;</span>
+                <div class="name">rename</div>
+                <div class="code-name">&amp;#xe7b0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7b1;</span>
+                <div class="name">display</div>
+                <div class="code-name">&amp;#xe7b1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe79e;</span>
+                <div class="name">line_d</div>
+                <div class="code-name">&amp;#xe79e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe79d;</span>
+                <div class="name">a-label_s</div>
+                <div class="code-name">&amp;#xe79d;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe79c;</span>
                 <div class="name">guide_p</div>
                 <div class="code-name">&amp;#xe79c;</div>
@@ -732,9 +792,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1743650860151') format('woff2'),
-       url('iconfont.woff?t=1743650860151') format('woff'),
-       url('iconfont.ttf?t=1743650860151') format('truetype');
+  src: url('iconfont.woff2?t=1756173741578') format('woff2'),
+       url('iconfont.woff?t=1756173741578') format('woff'),
+       url('iconfont.ttf?t=1756173741578') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -761,6 +821,96 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-orientation"></span>
+            <div class="name">
+              orientation
+            </div>
+            <div class="code-name">.icon-orientation
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-window_n"></span>
+            <div class="name">
+              window_n
+            </div>
+            <div class="code-name">.icon-window_n
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-window_m"></span>
+            <div class="name">
+              window_m
+            </div>
+            <div class="code-name">.icon-window_m
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-screen_s"></span>
+            <div class="name">
+              screen_s
+            </div>
+            <div class="code-name">.icon-screen_s
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-a-3D_scence"></span>
+            <div class="name">
+              3D_scence
+            </div>
+            <div class="code-name">.icon-a-3D_scence
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-media"></span>
+            <div class="name">
+              media
+            </div>
+            <div class="code-name">.icon-media
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-rename"></span>
+            <div class="name">
+              rename
+            </div>
+            <div class="code-name">.icon-rename
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-display"></span>
+            <div class="name">
+              display
+            </div>
+            <div class="code-name">.icon-display
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-line_d"></span>
+            <div class="name">
+              line_d
+            </div>
+            <div class="code-name">.icon-line_d
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-a-label_s"></span>
+            <div class="name">
+              a-label_s
+            </div>
+            <div class="code-name">.icon-a-label_s
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-guide_p"></span>
             <div class="name">
               guide_p
@@ -1779,6 +1929,86 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-orientation"></use>
+                </svg>
+                <div class="name">orientation</div>
+                <div class="code-name">#icon-orientation</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-window_n"></use>
+                </svg>
+                <div class="name">window_n</div>
+                <div class="code-name">#icon-window_n</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-window_m"></use>
+                </svg>
+                <div class="name">window_m</div>
+                <div class="code-name">#icon-window_m</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-screen_s"></use>
+                </svg>
+                <div class="name">screen_s</div>
+                <div class="code-name">#icon-screen_s</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-a-3D_scence"></use>
+                </svg>
+                <div class="name">3D_scence</div>
+                <div class="code-name">#icon-a-3D_scence</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-media"></use>
+                </svg>
+                <div class="name">media</div>
+                <div class="code-name">#icon-media</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-rename"></use>
+                </svg>
+                <div class="name">rename</div>
+                <div class="code-name">#icon-rename</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-display"></use>
+                </svg>
+                <div class="name">display</div>
+                <div class="code-name">#icon-display</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-line_d"></use>
+                </svg>
+                <div class="name">line_d</div>
+                <div class="code-name">#icon-line_d</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-a-label_s"></use>
+                </svg>
+                <div class="name">a-label_s</div>
+                <div class="code-name">#icon-a-label_s</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-guide_p"></use>
                 </svg>
                 <div class="name">guide_p</div>

+ 43 - 3
src/components/bill-ui/components/icon/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4647199 */
-  src: url('iconfont.woff2?t=1743650860151') format('woff2'),
-       url('iconfont.woff?t=1743650860151') format('woff'),
-       url('iconfont.ttf?t=1743650860151') format('truetype');
+  src: url('iconfont.woff2?t=1756173741578') format('woff2'),
+       url('iconfont.woff?t=1756173741578') format('woff'),
+       url('iconfont.ttf?t=1756173741578') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,46 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-orientation:before {
+  content: "\e7bf";
+}
+
+.icon-window_n:before {
+  content: "\e7b4";
+}
+
+.icon-window_m:before {
+  content: "\e7b5";
+}
+
+.icon-screen_s:before {
+  content: "\e7b2";
+}
+
+.icon-a-3D_scence:before {
+  content: "\e7b3";
+}
+
+.icon-media:before {
+  content: "\e7af";
+}
+
+.icon-rename:before {
+  content: "\e7b0";
+}
+
+.icon-display:before {
+  content: "\e7b1";
+}
+
+.icon-line_d:before {
+  content: "\e79e";
+}
+
+.icon-a-label_s:before {
+  content: "\e79d";
+}
+
 .icon-guide_p:before {
   content: "\e79c";
 }

Різницю між файлами не показано, бо вона завелика
+ 1 - 1
src/components/bill-ui/components/icon/iconfont/iconfont.js


+ 70 - 0
src/components/bill-ui/components/icon/iconfont/iconfont.json

@@ -6,6 +6,76 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "45357208",
+      "name": "orientation",
+      "font_class": "orientation",
+      "unicode": "e7bf",
+      "unicode_decimal": 59327
+    },
+    {
+      "icon_id": "44890707",
+      "name": "window_n",
+      "font_class": "window_n",
+      "unicode": "e7b4",
+      "unicode_decimal": 59316
+    },
+    {
+      "icon_id": "44890706",
+      "name": "window_m",
+      "font_class": "window_m",
+      "unicode": "e7b5",
+      "unicode_decimal": 59317
+    },
+    {
+      "icon_id": "44889955",
+      "name": "screen_s",
+      "font_class": "screen_s",
+      "unicode": "e7b2",
+      "unicode_decimal": 59314
+    },
+    {
+      "icon_id": "44889954",
+      "name": "3D_scence",
+      "font_class": "a-3D_scence",
+      "unicode": "e7b3",
+      "unicode_decimal": 59315
+    },
+    {
+      "icon_id": "44887769",
+      "name": "media",
+      "font_class": "media",
+      "unicode": "e7af",
+      "unicode_decimal": 59311
+    },
+    {
+      "icon_id": "44887770",
+      "name": "rename",
+      "font_class": "rename",
+      "unicode": "e7b0",
+      "unicode_decimal": 59312
+    },
+    {
+      "icon_id": "44887771",
+      "name": "display",
+      "font_class": "display",
+      "unicode": "e7b1",
+      "unicode_decimal": 59313
+    },
+    {
+      "icon_id": "43973886",
+      "name": "line_d",
+      "font_class": "line_d",
+      "unicode": "e79e",
+      "unicode_decimal": 59294
+    },
+    {
+      "icon_id": "43913586",
+      "name": "a-label_s",
+      "font_class": "a-label_s",
+      "unicode": "e79d",
+      "unicode_decimal": 59293
+    },
+    {
       "icon_id": "43886962",
       "name": "guide_p",
       "font_class": "guide_p",

BIN
src/components/bill-ui/components/icon/iconfont/iconfont.ttf


BIN
src/components/bill-ui/components/icon/iconfont/iconfont.woff


BIN
src/components/bill-ui/components/icon/iconfont/iconfont.woff2


+ 0 - 1
src/components/menu/menu-item.vue

@@ -12,7 +12,6 @@
       @click="emit('select', raw)"
     >
       <slot name="attach" :raw="raw" :active="activePaths.includes(raw.name)" />
-      <span>{{ raw.icon }}</span>
       <menu-child-item 
         v-bind="getItemProps()" 
         @enter="enterHandler" 

+ 1 - 1
src/router/constant.ts

@@ -95,7 +95,7 @@ export const metas = {
   //   sysTitle: "多元融合",
   // },
   [RoutesName.positioning]: {
-    icon: "guide_p",
+    icon: "orientation",
     title: "定位",
     sysTitle: "多元融合",
   },