图标

plugin/iconfont-process.ts

@@ -1,8 +1,9 @@
 import fs from 'fs'
 import path from 'node:path'
 
-/*
 interface IconfontJson {
+  id: string;
+  name: string;
   font_family: string;
   css_prefix_text: string;
   glyphs: {
@@ -12,18 +13,12 @@ import path from 'node:path'
     name: string
   }[];
 }
- */
 
 const targetFile = path.resolve(__dirname, '../src/components/a-icon/iconfont.json')
 
 const outPath = path.resolve(__dirname, '../src/components/a-icon')
 
-/**
+function createTs(text: string) {
- * 阿里图标处理器
- */
-export default {
-  process(data: VitePluginTypes.FileWatcherProcessParam) {
-    const text = data.getContent()
   const tsFile = path.resolve(outPath, 'iconfont.ts')
   console.log('正在生成文件：', tsFile)
   const tsContent = `export const icons = ${text.trim()} as const
@@ -40,6 +35,47 @@ export interface IconGlyphs {
 
 `
   fs.writeFileSync(tsFile, tsContent, {encoding: 'utf-8'})
+}
+
+function createCss(text: string) {
+  const iconConfig = JSON.parse(text) as IconfontJson
+  const cssFile = path.resolve(outPath, 'iconfont.css')
+  console.log('正在生成文件：', cssFile)
+
+  const time = new Date().getTime()
+  let cssContent = `@font-face {
+  font-family: "${iconConfig.font_family}"; /* 项目名称 ${iconConfig.name} */
+  src: url('@/components/a-icon/iconfont.woff2?t=${time}') format('woff2'),
+  url('@/components/a-icon/iconfont.woff?t=${time}') format('woff'),
+  url('@/components/a-icon/iconfont.ttf?t=${time}') format('truetype');
+}
+
+.iconfont {
+  font-family: "${iconConfig.font_family}", serif !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+`
+  const iconsCss = iconConfig.glyphs.map(it => `.${iconConfig.css_prefix_text}${it.font_class}:before {
+  content: "\\${it.unicode}";
+}
+`)
+  cssContent += iconsCss.join('\n').trim()
+  fs.writeFileSync(cssFile, cssContent + '\n', {encoding: 'utf-8'})
+
+}
+
+/**
+ * 阿里图标处理器
+ */
+export default {
+  process(data: VitePluginTypes.FileWatcherProcessParam) {
+    const text = data.getContent()
+    createTs(text)
+    createCss(text)
   },
   isAccept(data: VitePluginTypes.FileWatcherAcceptParam) {
     return data.event === 'change' && !data.isDir && data.filePath === targetFile

src/components/a-icon/AIcon.vue

@@ -11,7 +11,6 @@ const props = defineProps<{
 const prefixText = icons.css_prefix_text
 const fontFamily = icons.font_family
 const icon = computed(() => {
-  console.log(props.name, 2222)
   return props.name == null ? [] : [ fontFamily, prefixText + props.name ]
 })
 </script>

src/components/a-icon/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
-  font-family: "iconfont"; /* Project id 4985351 */
+  font-family: "iconfont"; /* 项目名称 再昇云 */
-  src: url('@/components/a-icon/iconfont.woff2?t=1764810386158') format('woff2'),
+  src: url('@/components/a-icon/iconfont.woff2?t=1766204567022') format('woff2'),
-  url('@/components/a-icon/iconfont.woff?t=1764810386158') format('woff'),
+  url('@/components/a-icon/iconfont.woff?t=1766204567022') format('woff'),
-  url('@/components/a-icon/iconfont.ttf?t=1764810386158') format('truetype');
+  url('@/components/a-icon/iconfont.ttf?t=1766204567022') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,302 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-eye:before {
+  content: "\e64f";
+}
+
+.icon-Export:before {
+  content: "\e650";
+}
+
+.icon-expand:before {
+  content: "\e651";
+}
+
+.icon-drag-dot-vertical:before {
+  content: "\e652";
+}
+
+.icon-file-image:before {
+  content: "\e653";
+}
+
+.icon-drive-file:before {
+  content: "\e654";
+}
+
+.icon-down:before {
+  content: "\e655";
+}
+
+.icon-shrink:before {
+  content: "\e636";
+}
+
+.icon-loop:before {
+  content: "\e637";
+}
+
+.icon-list:before {
+  content: "\e638";
+}
+
+.icon-arrow-right:before {
+  content: "\e63a";
+}
+
+.icon-undo:before {
+  content: "\e63c";
+}
+
+.icon-subscribe-add:before {
+  content: "\e63e";
+}
+
+.icon-save:before {
+  content: "\e63f";
+}
+
+.icon-drag-dot:before {
+  content: "\e601";
+}
+
+.icon-file-pdf:before {
+  content: "\e640";
+}
+
+.icon-play-arrow-fill:before {
+  content: "\e641";
+}
+
+.icon-message:before {
+  content: "\e642";
+}
+
+.icon-share-external:before {
+  content: "\e643";
+}
+
+.icon-import:before {
+  content: "\e644";
+}
+
+.icon-edit:before {
+  content: "\e645";
+}
+
+.icon-history:before {
+  content: "\e646";
+}
+
+.icon-link:before {
+  content: "\e647";
+}
+
+.icon-more-vertical:before {
+  content: "\e648";
+}
+
+.icon-image:before {
+  content: "\e649";
+}
+
+.icon-left:before {
+  content: "\e64b";
+}
+
+.icon-lock:before {
+  content: "\e64c";
+}
+
+.icon-download:before {
+  content: "\e64e";
+}
+
+.icon-arrow-up:before {
+  content: "\e61f";
+}
+
+.icon-swap:before {
+  content: "\e620";
+}
+
+.icon-Launch:before {
+  content: "\e621";
+}
+
+.icon-double-right:before {
+  content: "\e622";
+}
+
+.icon-unlock:before {
+  content: "\e623";
+}
+
+.icon-email:before {
+  content: "\e602";
+}
+
+.icon-caret-right:before {
+  content: "\e624";
+}
+
+.icon-star:before {
+  content: "\e625";
+}
+
+.icon-skip-next-fill:before {
+  content: "\e626";
+}
+
+.icon-pause-circle-fill:before {
+  content: "\e627";
+}
+
+.icon-search:before {
+  content: "\e628";
+}
+
+.icon-mute-fill:before {
+  content: "\e629";
+}
+
+.icon-redo:before {
+  content: "\e62a";
+}
+
+.icon-double-left:before {
+  content: "\e62b";
+}
+
+.icon-user-add:before {
+  content: "\e62c";
+}
+
+.icon-user:before {
+  content: "\e62d";
+}
+
+.icon-subscribed:before {
+  content: "\e62e";
+}
+
+.icon-schedule:before {
+  content: "\e630";
+}
+
+.icon-copy:before {
+  content: "\e631";
+}
+
+.icon-caret-left:before {
+  content: "\e632";
+}
+
+.icon-file-video:before {
+  content: "\e633";
+}
+
+.icon-file-audio:before {
+  content: "\e634";
+}
+
+.icon-sound-fill:before {
+  content: "\e635";
+}
+
+.icon-double-down:before {
+  content: "\e609";
+}
+
+.icon-cloud-download:before {
+  content: "\e608";
+}
+
+.icon-arrow-left:before {
+  content: "\e60a";
+}
+
+.icon-caret-down:before {
+  content: "\e60b";
+}
+
+.icon-upload:before {
+  content: "\e60c";
+}
+
+.icon-sync:before {
+  content: "\e60d";
+}
+
+.icon-subscribe:before {
+  content: "\e607";
+}
+
+.icon-skip-previous-fill:before {
+  content: "\e606";
+}
+
+.icon-settings:before {
+  content: "\e60e";
+}
+
+.icon-right:before {
+  content: "\e605";
+}
+
+.icon-pen-fill:before {
+  content: "\e60f";
+}
+
+.icon-more:before {
+  content: "\e610";
+}
+
+.icon-location:before {
+  content: "\e612";
+}
+
+.icon-delete:before {
+  content: "\e613";
+}
+
+.icon-heart-fill:before {
+  content: "\e614";
+}
+
+.icon-caret-up:before {
+  content: "\e615";
+}
+
+.icon-arrow-down:before {
+  content: "\e616";
+}
+
+.icon-star-fill:before {
+  content: "\e617";
+}
+
+.icon-up:before {
+  content: "\e618";
+}
+
+.icon-double-up:before {
+  content: "\e619";
+}
+
+.icon-calendar:before {
+  content: "\e61a";
+}
+
+.icon-refresh:before {
+  content: "\e61c";
+}
+
+.icon-customer-service:before {
+  content: "\e61e";
+}
+
 .icon-bianji:before {
   content: "\e604";
 }
@@ -104,4 +400,3 @@
 .icon-shenheguanli:before {
   content: "\e639";
 }
-

src/components/a-icon/iconfont.json

@@ -5,6 +5,524 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "46407625",
+      "name": "eye",
+      "font_class": "eye",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "46407624",
+      "name": "Export",
+      "font_class": "Export",
+      "unicode": "e650",
+      "unicode_decimal": 58960
+    },
+    {
+      "icon_id": "46407622",
+      "name": "expand",
+      "font_class": "expand",
+      "unicode": "e651",
+      "unicode_decimal": 58961
+    },
+    {
+      "icon_id": "46407621",
+      "name": "drag-dot-vertical",
+      "font_class": "drag-dot-vertical",
+      "unicode": "e652",
+      "unicode_decimal": 58962
+    },
+    {
+      "icon_id": "46407623",
+      "name": "file-image",
+      "font_class": "file-image",
+      "unicode": "e653",
+      "unicode_decimal": 58963
+    },
+    {
+      "icon_id": "46407618",
+      "name": "drive-file",
+      "font_class": "drive-file",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    },
+    {
+      "icon_id": "46407617",
+      "name": "down",
+      "font_class": "down",
+      "unicode": "e655",
+      "unicode_decimal": 58965
+    },
+    {
+      "icon_id": "46407651",
+      "name": "shrink",
+      "font_class": "shrink",
+      "unicode": "e636",
+      "unicode_decimal": 58934
+    },
+    {
+      "icon_id": "46407645",
+      "name": "loop",
+      "font_class": "loop",
+      "unicode": "e637",
+      "unicode_decimal": 58935
+    },
+    {
+      "icon_id": "46407639",
+      "name": "list",
+      "font_class": "list",
+      "unicode": "e638",
+      "unicode_decimal": 58936
+    },
+    {
+      "icon_id": "46407654",
+      "name": "arrow-right",
+      "font_class": "arrow-right",
+      "unicode": "e63a",
+      "unicode_decimal": 58938
+    },
+    {
+      "icon_id": "46407652",
+      "name": "undo",
+      "font_class": "undo",
+      "unicode": "e63c",
+      "unicode_decimal": 58940
+    },
+    {
+      "icon_id": "46407650",
+      "name": "subscribe-add",
+      "font_class": "subscribe-add",
+      "unicode": "e63e",
+      "unicode_decimal": 58942
+    },
+    {
+      "icon_id": "46407643",
+      "name": "save",
+      "font_class": "save",
+      "unicode": "e63f",
+      "unicode_decimal": 58943
+    },
+    {
+      "icon_id": "46407619",
+      "name": "drag-dot",
+      "font_class": "drag-dot",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "46407631",
+      "name": "file-pdf",
+      "font_class": "file-pdf",
+      "unicode": "e640",
+      "unicode_decimal": 58944
+    },
+    {
+      "icon_id": "46407638",
+      "name": "play-arrow-fill",
+      "font_class": "play-arrow-fill",
+      "unicode": "e641",
+      "unicode_decimal": 58945
+    },
+    {
+      "icon_id": "46407640",
+      "name": "message",
+      "font_class": "message",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "46407641",
+      "name": "share-external",
+      "font_class": "share-external",
+      "unicode": "e643",
+      "unicode_decimal": 58947
+    },
+    {
+      "icon_id": "46407635",
+      "name": "import",
+      "font_class": "import",
+      "unicode": "e644",
+      "unicode_decimal": 58948
+    },
+    {
+      "icon_id": "46407627",
+      "name": "edit",
+      "font_class": "edit",
+      "unicode": "e645",
+      "unicode_decimal": 58949
+    },
+    {
+      "icon_id": "46407634",
+      "name": "history",
+      "font_class": "history",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "46407637",
+      "name": "link",
+      "font_class": "link",
+      "unicode": "e647",
+      "unicode_decimal": 58951
+    },
+    {
+      "icon_id": "46407636",
+      "name": "more-vertical",
+      "font_class": "more-vertical",
+      "unicode": "e648",
+      "unicode_decimal": 58952
+    },
+    {
+      "icon_id": "46407630",
+      "name": "image",
+      "font_class": "image",
+      "unicode": "e649",
+      "unicode_decimal": 58953
+    },
+    {
+      "icon_id": "46407628",
+      "name": "left",
+      "font_class": "left",
+      "unicode": "e64b",
+      "unicode_decimal": 58955
+    },
+    {
+      "icon_id": "46407629",
+      "name": "lock",
+      "font_class": "lock",
+      "unicode": "e64c",
+      "unicode_decimal": 58956
+    },
+    {
+      "icon_id": "46407620",
+      "name": "download",
+      "font_class": "download",
+      "unicode": "e64e",
+      "unicode_decimal": 58958
+    },
+    {
+      "icon_id": "46407671",
+      "name": "arrow-up",
+      "font_class": "arrow-up",
+      "unicode": "e61f",
+      "unicode_decimal": 58911
+    },
+    {
+      "icon_id": "46407669",
+      "name": "swap",
+      "font_class": "swap",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "46407644",
+      "name": "Launch",
+      "font_class": "Launch",
+      "unicode": "e621",
+      "unicode_decimal": 58913
+    },
+    {
+      "icon_id": "46407670",
+      "name": "double-right",
+      "font_class": "double-right",
+      "unicode": "e622",
+      "unicode_decimal": 58914
+    },
+    {
+      "icon_id": "46407667",
+      "name": "unlock",
+      "font_class": "unlock",
+      "unicode": "e623",
+      "unicode_decimal": 58915
+    },
+    {
+      "icon_id": "46407626",
+      "name": "email",
+      "font_class": "email",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "46407668",
+      "name": "caret-right",
+      "font_class": "caret-right",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "46407664",
+      "name": "star",
+      "font_class": "star",
+      "unicode": "e625",
+      "unicode_decimal": 58917
+    },
+    {
+      "icon_id": "46407663",
+      "name": "skip-next-fill",
+      "font_class": "skip-next-fill",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "46407649",
+      "name": "pause-circle-fill",
+      "font_class": "pause-circle-fill",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
+    {
+      "icon_id": "46407656",
+      "name": "search",
+      "font_class": "search",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "46407648",
+      "name": "mute-fill",
+      "font_class": "mute-fill",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "46407653",
+      "name": "redo",
+      "font_class": "redo",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "46407665",
+      "name": "double-left",
+      "font_class": "double-left",
+      "unicode": "e62b",
+      "unicode_decimal": 58923
+    },
+    {
+      "icon_id": "46407662",
+      "name": "user-add",
+      "font_class": "user-add",
+      "unicode": "e62c",
+      "unicode_decimal": 58924
+    },
+    {
+      "icon_id": "46407658",
+      "name": "user",
+      "font_class": "user",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "46407655",
+      "name": "subscribed",
+      "font_class": "subscribed",
+      "unicode": "e62e",
+      "unicode_decimal": 58926
+    },
+    {
+      "icon_id": "46407646",
+      "name": "schedule",
+      "font_class": "schedule",
+      "unicode": "e630",
+      "unicode_decimal": 58928
+    },
+    {
+      "icon_id": "46407659",
+      "name": "copy",
+      "font_class": "copy",
+      "unicode": "e631",
+      "unicode_decimal": 58929
+    },
+    {
+      "icon_id": "46407657",
+      "name": "caret-left",
+      "font_class": "caret-left",
+      "unicode": "e632",
+      "unicode_decimal": 58930
+    },
+    {
+      "icon_id": "46407633",
+      "name": "file-video",
+      "font_class": "file-video",
+      "unicode": "e633",
+      "unicode_decimal": 58931
+    },
+    {
+      "icon_id": "46407632",
+      "name": "file-audio",
+      "font_class": "file-audio",
+      "unicode": "e634",
+      "unicode_decimal": 58932
+    },
+    {
+      "icon_id": "46407647",
+      "name": "sound-fill",
+      "font_class": "sound-fill",
+      "unicode": "e635",
+      "unicode_decimal": 58933
+    },
+    {
+      "icon_id": "46407690",
+      "name": "double-down",
+      "font_class": "double-down",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "46407689",
+      "name": "cloud-download",
+      "font_class": "cloud-download",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "46407688",
+      "name": "arrow-left",
+      "font_class": "arrow-left",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "46407687",
+      "name": "caret-down",
+      "font_class": "caret-down",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "46407686",
+      "name": "upload",
+      "font_class": "upload",
+      "unicode": "e60c",
+      "unicode_decimal": 58892
+    },
+    {
+      "icon_id": "46407685",
+      "name": "sync",
+      "font_class": "sync",
+      "unicode": "e60d",
+      "unicode_decimal": 58893
+    },
+    {
+      "icon_id": "46407684",
+      "name": "subscribe",
+      "font_class": "subscribe",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "46407683",
+      "name": "skip-previous-fill",
+      "font_class": "skip-previous-fill",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
+      "icon_id": "46407682",
+      "name": "settings",
+      "font_class": "settings",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "46407681",
+      "name": "right",
+      "font_class": "right",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "46407676",
+      "name": "pen-fill",
+      "font_class": "pen-fill",
+      "unicode": "e60f",
+      "unicode_decimal": 58895
+    },
+    {
+      "icon_id": "46407661",
+      "name": "more",
+      "font_class": "more",
+      "unicode": "e610",
+      "unicode_decimal": 58896
+    },
+    {
+      "icon_id": "46407660",
+      "name": "location",
+      "font_class": "location",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "46407680",
+      "name": "delete",
+      "font_class": "delete",
+      "unicode": "e613",
+      "unicode_decimal": 58899
+    },
+    {
+      "icon_id": "46407642",
+      "name": "heart-fill",
+      "font_class": "heart-fill",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "46407678",
+      "name": "caret-up",
+      "font_class": "caret-up",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "46407679",
+      "name": "arrow-down",
+      "font_class": "arrow-down",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "46407673",
+      "name": "star-fill",
+      "font_class": "star-fill",
+      "unicode": "e617",
+      "unicode_decimal": 58903
+    },
+    {
+      "icon_id": "46407674",
+      "name": "up",
+      "font_class": "up",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "46407677",
+      "name": "double-up",
+      "font_class": "double-up",
+      "unicode": "e619",
+      "unicode_decimal": 58905
+    },
+    {
+      "icon_id": "46407675",
+      "name": "calendar",
+      "font_class": "calendar",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "46407666",
+      "name": "refresh",
+      "font_class": "refresh",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "46407672",
+      "name": "customer-service",
+      "font_class": "customer-service",
+      "unicode": "e61e",
+      "unicode_decimal": 58910
+    },
     {
       "icon_id": "8582929",
       "name": "编辑/修改",

src/components/a-icon/iconfont.ts

@@ -5,6 +5,524 @@ export const icons = {
   'css_prefix_text': 'icon-',
   'description': '',
   'glyphs': [
+    {
+      'icon_id': '46407625',
+      'name': 'eye',
+      'font_class': 'eye',
+      'unicode': 'e64f',
+      'unicode_decimal': 58959,
+    },
+    {
+      'icon_id': '46407624',
+      'name': 'Export',
+      'font_class': 'Export',
+      'unicode': 'e650',
+      'unicode_decimal': 58960,
+    },
+    {
+      'icon_id': '46407622',
+      'name': 'expand',
+      'font_class': 'expand',
+      'unicode': 'e651',
+      'unicode_decimal': 58961,
+    },
+    {
+      'icon_id': '46407621',
+      'name': 'drag-dot-vertical',
+      'font_class': 'drag-dot-vertical',
+      'unicode': 'e652',
+      'unicode_decimal': 58962,
+    },
+    {
+      'icon_id': '46407623',
+      'name': 'file-image',
+      'font_class': 'file-image',
+      'unicode': 'e653',
+      'unicode_decimal': 58963,
+    },
+    {
+      'icon_id': '46407618',
+      'name': 'drive-file',
+      'font_class': 'drive-file',
+      'unicode': 'e654',
+      'unicode_decimal': 58964,
+    },
+    {
+      'icon_id': '46407617',
+      'name': 'down',
+      'font_class': 'down',
+      'unicode': 'e655',
+      'unicode_decimal': 58965,
+    },
+    {
+      'icon_id': '46407651',
+      'name': 'shrink',
+      'font_class': 'shrink',
+      'unicode': 'e636',
+      'unicode_decimal': 58934,
+    },
+    {
+      'icon_id': '46407645',
+      'name': 'loop',
+      'font_class': 'loop',
+      'unicode': 'e637',
+      'unicode_decimal': 58935,
+    },
+    {
+      'icon_id': '46407639',
+      'name': 'list',
+      'font_class': 'list',
+      'unicode': 'e638',
+      'unicode_decimal': 58936,
+    },
+    {
+      'icon_id': '46407654',
+      'name': 'arrow-right',
+      'font_class': 'arrow-right',
+      'unicode': 'e63a',
+      'unicode_decimal': 58938,
+    },
+    {
+      'icon_id': '46407652',
+      'name': 'undo',
+      'font_class': 'undo',
+      'unicode': 'e63c',
+      'unicode_decimal': 58940,
+    },
+    {
+      'icon_id': '46407650',
+      'name': 'subscribe-add',
+      'font_class': 'subscribe-add',
+      'unicode': 'e63e',
+      'unicode_decimal': 58942,
+    },
+    {
+      'icon_id': '46407643',
+      'name': 'save',
+      'font_class': 'save',
+      'unicode': 'e63f',
+      'unicode_decimal': 58943,
+    },
+    {
+      'icon_id': '46407619',
+      'name': 'drag-dot',
+      'font_class': 'drag-dot',
+      'unicode': 'e601',
+      'unicode_decimal': 58881,
+    },
+    {
+      'icon_id': '46407631',
+      'name': 'file-pdf',
+      'font_class': 'file-pdf',
+      'unicode': 'e640',
+      'unicode_decimal': 58944,
+    },
+    {
+      'icon_id': '46407638',
+      'name': 'play-arrow-fill',
+      'font_class': 'play-arrow-fill',
+      'unicode': 'e641',
+      'unicode_decimal': 58945,
+    },
+    {
+      'icon_id': '46407640',
+      'name': 'message',
+      'font_class': 'message',
+      'unicode': 'e642',
+      'unicode_decimal': 58946,
+    },
+    {
+      'icon_id': '46407641',
+      'name': 'share-external',
+      'font_class': 'share-external',
+      'unicode': 'e643',
+      'unicode_decimal': 58947,
+    },
+    {
+      'icon_id': '46407635',
+      'name': 'import',
+      'font_class': 'import',
+      'unicode': 'e644',
+      'unicode_decimal': 58948,
+    },
+    {
+      'icon_id': '46407627',
+      'name': 'edit',
+      'font_class': 'edit',
+      'unicode': 'e645',
+      'unicode_decimal': 58949,
+    },
+    {
+      'icon_id': '46407634',
+      'name': 'history',
+      'font_class': 'history',
+      'unicode': 'e646',
+      'unicode_decimal': 58950,
+    },
+    {
+      'icon_id': '46407637',
+      'name': 'link',
+      'font_class': 'link',
+      'unicode': 'e647',
+      'unicode_decimal': 58951,
+    },
+    {
+      'icon_id': '46407636',
+      'name': 'more-vertical',
+      'font_class': 'more-vertical',
+      'unicode': 'e648',
+      'unicode_decimal': 58952,
+    },
+    {
+      'icon_id': '46407630',
+      'name': 'image',
+      'font_class': 'image',
+      'unicode': 'e649',
+      'unicode_decimal': 58953,
+    },
+    {
+      'icon_id': '46407628',
+      'name': 'left',
+      'font_class': 'left',
+      'unicode': 'e64b',
+      'unicode_decimal': 58955,
+    },
+    {
+      'icon_id': '46407629',
+      'name': 'lock',
+      'font_class': 'lock',
+      'unicode': 'e64c',
+      'unicode_decimal': 58956,
+    },
+    {
+      'icon_id': '46407620',
+      'name': 'download',
+      'font_class': 'download',
+      'unicode': 'e64e',
+      'unicode_decimal': 58958,
+    },
+    {
+      'icon_id': '46407671',
+      'name': 'arrow-up',
+      'font_class': 'arrow-up',
+      'unicode': 'e61f',
+      'unicode_decimal': 58911,
+    },
+    {
+      'icon_id': '46407669',
+      'name': 'swap',
+      'font_class': 'swap',
+      'unicode': 'e620',
+      'unicode_decimal': 58912,
+    },
+    {
+      'icon_id': '46407644',
+      'name': 'Launch',
+      'font_class': 'Launch',
+      'unicode': 'e621',
+      'unicode_decimal': 58913,
+    },
+    {
+      'icon_id': '46407670',
+      'name': 'double-right',
+      'font_class': 'double-right',
+      'unicode': 'e622',
+      'unicode_decimal': 58914,
+    },
+    {
+      'icon_id': '46407667',
+      'name': 'unlock',
+      'font_class': 'unlock',
+      'unicode': 'e623',
+      'unicode_decimal': 58915,
+    },
+    {
+      'icon_id': '46407626',
+      'name': 'email',
+      'font_class': 'email',
+      'unicode': 'e602',
+      'unicode_decimal': 58882,
+    },
+    {
+      'icon_id': '46407668',
+      'name': 'caret-right',
+      'font_class': 'caret-right',
+      'unicode': 'e624',
+      'unicode_decimal': 58916,
+    },
+    {
+      'icon_id': '46407664',
+      'name': 'star',
+      'font_class': 'star',
+      'unicode': 'e625',
+      'unicode_decimal': 58917,
+    },
+    {
+      'icon_id': '46407663',
+      'name': 'skip-next-fill',
+      'font_class': 'skip-next-fill',
+      'unicode': 'e626',
+      'unicode_decimal': 58918,
+    },
+    {
+      'icon_id': '46407649',
+      'name': 'pause-circle-fill',
+      'font_class': 'pause-circle-fill',
+      'unicode': 'e627',
+      'unicode_decimal': 58919,
+    },
+    {
+      'icon_id': '46407656',
+      'name': 'search',
+      'font_class': 'search',
+      'unicode': 'e628',
+      'unicode_decimal': 58920,
+    },
+    {
+      'icon_id': '46407648',
+      'name': 'mute-fill',
+      'font_class': 'mute-fill',
+      'unicode': 'e629',
+      'unicode_decimal': 58921,
+    },
+    {
+      'icon_id': '46407653',
+      'name': 'redo',
+      'font_class': 'redo',
+      'unicode': 'e62a',
+      'unicode_decimal': 58922,
+    },
+    {
+      'icon_id': '46407665',
+      'name': 'double-left',
+      'font_class': 'double-left',
+      'unicode': 'e62b',
+      'unicode_decimal': 58923,
+    },
+    {
+      'icon_id': '46407662',
+      'name': 'user-add',
+      'font_class': 'user-add',
+      'unicode': 'e62c',
+      'unicode_decimal': 58924,
+    },
+    {
+      'icon_id': '46407658',
+      'name': 'user',
+      'font_class': 'user',
+      'unicode': 'e62d',
+      'unicode_decimal': 58925,
+    },
+    {
+      'icon_id': '46407655',
+      'name': 'subscribed',
+      'font_class': 'subscribed',
+      'unicode': 'e62e',
+      'unicode_decimal': 58926,
+    },
+    {
+      'icon_id': '46407646',
+      'name': 'schedule',
+      'font_class': 'schedule',
+      'unicode': 'e630',
+      'unicode_decimal': 58928,
+    },
+    {
+      'icon_id': '46407659',
+      'name': 'copy',
+      'font_class': 'copy',
+      'unicode': 'e631',
+      'unicode_decimal': 58929,
+    },
+    {
+      'icon_id': '46407657',
+      'name': 'caret-left',
+      'font_class': 'caret-left',
+      'unicode': 'e632',
+      'unicode_decimal': 58930,
+    },
+    {
+      'icon_id': '46407633',
+      'name': 'file-video',
+      'font_class': 'file-video',
+      'unicode': 'e633',
+      'unicode_decimal': 58931,
+    },
+    {
+      'icon_id': '46407632',
+      'name': 'file-audio',
+      'font_class': 'file-audio',
+      'unicode': 'e634',
+      'unicode_decimal': 58932,
+    },
+    {
+      'icon_id': '46407647',
+      'name': 'sound-fill',
+      'font_class': 'sound-fill',
+      'unicode': 'e635',
+      'unicode_decimal': 58933,
+    },
+    {
+      'icon_id': '46407690',
+      'name': 'double-down',
+      'font_class': 'double-down',
+      'unicode': 'e609',
+      'unicode_decimal': 58889,
+    },
+    {
+      'icon_id': '46407689',
+      'name': 'cloud-download',
+      'font_class': 'cloud-download',
+      'unicode': 'e608',
+      'unicode_decimal': 58888,
+    },
+    {
+      'icon_id': '46407688',
+      'name': 'arrow-left',
+      'font_class': 'arrow-left',
+      'unicode': 'e60a',
+      'unicode_decimal': 58890,
+    },
+    {
+      'icon_id': '46407687',
+      'name': 'caret-down',
+      'font_class': 'caret-down',
+      'unicode': 'e60b',
+      'unicode_decimal': 58891,
+    },
+    {
+      'icon_id': '46407686',
+      'name': 'upload',
+      'font_class': 'upload',
+      'unicode': 'e60c',
+      'unicode_decimal': 58892,
+    },
+    {
+      'icon_id': '46407685',
+      'name': 'sync',
+      'font_class': 'sync',
+      'unicode': 'e60d',
+      'unicode_decimal': 58893,
+    },
+    {
+      'icon_id': '46407684',
+      'name': 'subscribe',
+      'font_class': 'subscribe',
+      'unicode': 'e607',
+      'unicode_decimal': 58887,
+    },
+    {
+      'icon_id': '46407683',
+      'name': 'skip-previous-fill',
+      'font_class': 'skip-previous-fill',
+      'unicode': 'e606',
+      'unicode_decimal': 58886,
+    },
+    {
+      'icon_id': '46407682',
+      'name': 'settings',
+      'font_class': 'settings',
+      'unicode': 'e60e',
+      'unicode_decimal': 58894,
+    },
+    {
+      'icon_id': '46407681',
+      'name': 'right',
+      'font_class': 'right',
+      'unicode': 'e605',
+      'unicode_decimal': 58885,
+    },
+    {
+      'icon_id': '46407676',
+      'name': 'pen-fill',
+      'font_class': 'pen-fill',
+      'unicode': 'e60f',
+      'unicode_decimal': 58895,
+    },
+    {
+      'icon_id': '46407661',
+      'name': 'more',
+      'font_class': 'more',
+      'unicode': 'e610',
+      'unicode_decimal': 58896,
+    },
+    {
+      'icon_id': '46407660',
+      'name': 'location',
+      'font_class': 'location',
+      'unicode': 'e612',
+      'unicode_decimal': 58898,
+    },
+    {
+      'icon_id': '46407680',
+      'name': 'delete',
+      'font_class': 'delete',
+      'unicode': 'e613',
+      'unicode_decimal': 58899,
+    },
+    {
+      'icon_id': '46407642',
+      'name': 'heart-fill',
+      'font_class': 'heart-fill',
+      'unicode': 'e614',
+      'unicode_decimal': 58900,
+    },
+    {
+      'icon_id': '46407678',
+      'name': 'caret-up',
+      'font_class': 'caret-up',
+      'unicode': 'e615',
+      'unicode_decimal': 58901,
+    },
+    {
+      'icon_id': '46407679',
+      'name': 'arrow-down',
+      'font_class': 'arrow-down',
+      'unicode': 'e616',
+      'unicode_decimal': 58902,
+    },
+    {
+      'icon_id': '46407673',
+      'name': 'star-fill',
+      'font_class': 'star-fill',
+      'unicode': 'e617',
+      'unicode_decimal': 58903,
+    },
+    {
+      'icon_id': '46407674',
+      'name': 'up',
+      'font_class': 'up',
+      'unicode': 'e618',
+      'unicode_decimal': 58904,
+    },
+    {
+      'icon_id': '46407677',
+      'name': 'double-up',
+      'font_class': 'double-up',
+      'unicode': 'e619',
+      'unicode_decimal': 58905,
+    },
+    {
+      'icon_id': '46407675',
+      'name': 'calendar',
+      'font_class': 'calendar',
+      'unicode': 'e61a',
+      'unicode_decimal': 58906,
+    },
+    {
+      'icon_id': '46407666',
+      'name': 'refresh',
+      'font_class': 'refresh',
+      'unicode': 'e61c',
+      'unicode_decimal': 58908,
+    },
+    {
+      'icon_id': '46407672',
+      'name': 'customer-service',
+      'font_class': 'customer-service',
+      'unicode': 'e61e',
+      'unicode_decimal': 58910,
+    },
     {
       'icon_id': '8582929',
       'name': '编辑/修改',

src/pages/sys/menus/MenuForm.vue

@@ -57,7 +57,7 @@
                 </ElTableColumn>
                 <ElTableColumn label="名称" prop="name"/>
               </ElTable>
-              <ElPagination :page-size="pagination.size" :total="pagination.total" layout="prev, pager, next" @change="pageChangeHandler"/>
+              <ElPagination :page-size="pagination.size" :total="pagination.total" layout="total, prev, pager, next" @change="pageChangeHandler"/>
             </div>
           </template>
         </ElDropdown>