瀏覽代碼

no message

DESKTOP-GBVU60Q\dell 2 年之前
父節點
當前提交
561b041c7d

+ 118 - 3
src/assets/fonts/iconfont/demo_index.html

@@ -55,6 +55,36 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe6a1;</span>
+                <div class="name">等级3</div>
+                <div class="code-name">&amp;#xe6a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a2;</span>
+                <div class="name">等级2</div>
+                <div class="code-name">&amp;#xe6a2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a3;</span>
+                <div class="name">等级1</div>
+                <div class="code-name">&amp;#xe6a3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a4;</span>
+                <div class="name">等级4</div>
+                <div class="code-name">&amp;#xe6a4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69f;</span>
+                <div class="name">等级5</div>
+                <div class="code-name">&amp;#xe69f;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe69e;</span>
                 <div class="name">右箭头</div>
                 <div class="code-name">&amp;#xe69e;</div>
@@ -1254,9 +1284,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1680079552072') format('woff2'),
-       url('iconfont.woff?t=1680079552072') format('woff'),
-       url('iconfont.ttf?t=1680079552072') format('truetype');
+  src: url('iconfont.woff2?t=1683251820692') format('woff2'),
+       url('iconfont.woff?t=1683251820692') format('woff'),
+       url('iconfont.ttf?t=1683251820692') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -1283,6 +1313,51 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-dengji1"></span>
+            <div class="name">
+              等级3
+            </div>
+            <div class="code-name">.icon-dengji1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dengji2"></span>
+            <div class="name">
+              等级2
+            </div>
+            <div class="code-name">.icon-dengji2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dengji11"></span>
+            <div class="name">
+              等级1
+            </div>
+            <div class="code-name">.icon-dengji11
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dengji4"></span>
+            <div class="name">
+              等级4
+            </div>
+            <div class="code-name">.icon-dengji4
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dengji5"></span>
+            <div class="name">
+              等级5
+            </div>
+            <div class="code-name">.icon-dengji5
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-youjiantou"></span>
             <div class="name">
               右箭头
@@ -3084,6 +3159,46 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dengji1"></use>
+                </svg>
+                <div class="name">等级3</div>
+                <div class="code-name">#icon-dengji1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dengji2"></use>
+                </svg>
+                <div class="name">等级2</div>
+                <div class="code-name">#icon-dengji2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dengji11"></use>
+                </svg>
+                <div class="name">等级1</div>
+                <div class="code-name">#icon-dengji11</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dengji4"></use>
+                </svg>
+                <div class="name">等级4</div>
+                <div class="code-name">#icon-dengji4</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dengji5"></use>
+                </svg>
+                <div class="name">等级5</div>
+                <div class="code-name">#icon-dengji5</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-youjiantou"></use>
                 </svg>
                 <div class="name">右箭头</div>

+ 24 - 4
src/assets/fonts/iconfont/iconfont.css

@@ -1,18 +1,38 @@
 @font-face {
   font-family: "iconfont"; /* Project id 1994416 */
-  src: url('iconfont.woff2?t=1680079552072') format('woff2'),
-       url('iconfont.woff?t=1680079552072') format('woff'),
-       url('iconfont.ttf?t=1680079552072') format('truetype');
+  src: url('iconfont.woff2?t=1683251820692') format('woff2'),
+       url('iconfont.woff?t=1683251820692') format('woff'),
+       url('iconfont.ttf?t=1683251820692') format('truetype');
 }
 
 .iconfont {
   font-family: "iconfont" !important;
-  font-size: 16rem;
+  font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-dengji1:before {
+  content: "\e6a1";
+}
+
+.icon-dengji2:before {
+  content: "\e6a2";
+}
+
+.icon-dengji11:before {
+  content: "\e6a3";
+}
+
+.icon-dengji4:before {
+  content: "\e6a4";
+}
+
+.icon-dengji5:before {
+  content: "\e69f";
+}
+
 .icon-youjiantou:before {
   content: "\e69e";
 }

文件差異過大導致無法顯示
+ 0 - 0
src/assets/fonts/iconfont/iconfont.js


+ 35 - 0
src/assets/fonts/iconfont/iconfont.json

@@ -6,6 +6,41 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "10431688",
+      "name": "等级3",
+      "font_class": "dengji1",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "10439608",
+      "name": "等级2",
+      "font_class": "dengji2",
+      "unicode": "e6a2",
+      "unicode_decimal": 59042
+    },
+    {
+      "icon_id": "21844751",
+      "name": "等级1",
+      "font_class": "dengji11",
+      "unicode": "e6a3",
+      "unicode_decimal": 59043
+    },
+    {
+      "icon_id": "22716063",
+      "name": "等级4",
+      "font_class": "dengji4",
+      "unicode": "e6a4",
+      "unicode_decimal": 59044
+    },
+    {
+      "icon_id": "10439943",
+      "name": "等级5",
+      "font_class": "dengji5",
+      "unicode": "e69f",
+      "unicode_decimal": 59039
+    },
+    {
       "icon_id": "1110453",
       "name": "右箭头",
       "font_class": "youjiantou",

二進制
src/assets/fonts/iconfont/iconfont.ttf


二進制
src/assets/fonts/iconfont/iconfont.woff


二進制
src/assets/fonts/iconfont/iconfont.woff2


+ 0 - 4
src/views/Main/components/ZhHeader.vue

@@ -1,8 +1,4 @@
 <script setup>
-	import {
-		Store
-	} from '@/store/index'
-	store = Store()
 </script>
 <template>
 	<!-- 标题logo-->

部分文件因文件數量過多而無法顯示