style: Optimize the styles of dashboard, container, and other pages

Author: ssongliu

frontend/src/assets/iconfont/iconfont.css

@@ -1,8 +1,9 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4776196 */
-  src: url('iconfont.woff2?t=1734689625014') format('woff2'),
-       url('iconfont.woff?t=1734689625014') format('woff'),
-       url('iconfont.ttf?t=1734689625014') format('truetype');
+  src: url('iconfont.woff2?t=1738832240410') format('woff2'),
+       url('iconfont.woff?t=1738832240410') format('woff'),
+       url('iconfont.ttf?t=1738832240410') format('truetype'),
+       url('iconfont.svg?t=1738832240410#iconfont') format('svg');
 }
 
 .iconfont {
@@ -13,6 +14,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.p-terminal3:before {
+  content: "\eace";
+}
+
+.p-tuijian:before {
+  content: "\e627";
+}
+
 .p-node-1:before {
   content: "\e61a";
 }
@@ -61,6 +70,14 @@
   content: "\e638";
 }
 
+.p-terminal:before {
+  content: "\e864";
+}
+
+.p-terminal1:before {
+  content: "\e663";
+}
+
 .p-arrow-right:before {
   content: "\e665";
 }
@@ -361,10 +378,6 @@
   content: "\e76a";
 }
 
-.p-zhongduan:before {
-  content: "\e731";
-}
-
 .p-alert-1:before {
   content: "\e615";
 }
@@ -373,7 +386,7 @@
   content: "\e701";
 }
 
-.p-minglinghang:before {
+.p-zhongduan:before {
   content: "\e61e";
 }
 

frontend/src/assets/iconfont/iconfont.js

@@ -5,6 +5,20 @@
   "css_prefix_text": "p-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "40071541",
+      "name": "terminal",
+      "font_class": "terminal3",
+      "unicode": "eace",
+      "unicode_decimal": 60110
+    },
+    {
+      "icon_id": "34213658",
+      "name": "推荐",
+      "font_class": "tuijian",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
     {
       "icon_id": "17895547",
       "name": "node-1",
@@ -89,6 +103,20 @@
       "unicode": "e638",
       "unicode_decimal": 58936
     },
+    {
+      "icon_id": "6172786",
+      "name": "terminal",
+      "font_class": "terminal",
+      "unicode": "e864",
+      "unicode_decimal": 59492
+    },
+    {
+      "icon_id": "14772948",
+      "name": "terminal",
+      "font_class": "terminal1",
+      "unicode": "e663",
+      "unicode_decimal": 58979
+    },
     {
       "icon_id": "15838431",
       "name": "arrow-right",
@@ -614,13 +642,6 @@
       "unicode": "e76a",
       "unicode_decimal": 59242
     },
-    {
-      "icon_id": "30053592",
-      "name": "终端",
-      "font_class": "zhongduan",
-      "unicode": "e731",
-      "unicode_decimal": 59185
-    },
     {
       "icon_id": "29851742",
       "name": "短信告警",
@@ -638,7 +659,7 @@
     {
       "icon_id": "11052436",
       "name": "命令行",
-      "font_class": "minglinghang",
+      "font_class": "zhongduan",
       "unicode": "e61e",
       "unicode_decimal": 58910
     },

frontend/src/assets/iconfont/iconfont.json

@@ -2,7 +2,8 @@
     <div>
         <el-card :style="{ height: height }" class="home-card">
             <div class="header">
-                <span>{{ header }}</span>
+                <span class="header-span">{{ header }}</span>
+                <slot name="header-l" />
                 <slot name="header-r" />
             </div>
 
@@ -24,7 +25,7 @@ defineProps({
 <style scoped lang="scss">
 .home-card {
     .header {
-        span {
+        .header-span {
             position: relative;
             font-size: 16px;
             font-weight: 500;

frontend/src/assets/iconfont/iconfont.svg

@@ -382,7 +382,6 @@ const message = {
         used: 'Used',
         free: 'Free',
         percent: 'Percent',
-        app: 'Recommended Apps',
         goInstall: 'Go install',
 
         networkCard: 'NetworkCard',

frontend/src/assets/iconfont/iconfont.ttf

@@ -374,7 +374,6 @@ const message = {
         used: '使用済み',
         free: '無料',
         percent: '利用',
-        app: '推奨アプリケーション',
         goInstall: 'インストールします',
 
         networkCard: 'ネットワークカード',