From 284558362bb197055f90612bbf4de45df1f7cf12 Mon Sep 17 00:00:00 2001 From: "271556543@qq.com" <271556543@qq.com> Date: Fri, 14 Oct 2022 15:32:02 +0800 Subject: [PATCH] 2022.10.14 icon --- src/layout/components/Sidebar/Item.vue | 4 +- src/styles/iconfont.css | 586 ++----------------------- 2 files changed, 39 insertions(+), 551 deletions(-) diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue index 7678e66..a3c8c95 100644 --- a/src/layout/components/Sidebar/Item.vue +++ b/src/layout/components/Sidebar/Item.vue @@ -25,8 +25,8 @@ export default { vnodes.push() } else if(icon.includes("iconfont")){ - let _icon=icon.split("/")[1]; - vnodes.push() + let _icon=icon.split("/")[1]; + vnodes.push() } else { vnodes.push() diff --git a/src/styles/iconfont.css b/src/styles/iconfont.css index 581971c..d883499 100644 --- a/src/styles/iconfont.css +++ b/src/styles/iconfont.css @@ -1,8 +1,9 @@ +/* CDN 服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { - font-family: 'iconfont'; /* Project id 3289311 */ - src: url('//at.alicdn.com/t/font_3289311_1kjben9l2ui.woff2?t=1650868484740') format('woff2'), - url('//at.alicdn.com/t/font_3289311_1kjben9l2ui.woff?t=1650868484740') format('woff'), - url('//at.alicdn.com/t/font_3289311_1kjben9l2ui.ttf?t=1650868484740') format('truetype'); + font-family: 'iconfont'; /* Project id 3497650 */ + src: url('//at.alicdn.com/t/c/font_3497650_2qtx5txky2p.woff2?t=1665732367672') format('woff2'), + url('//at.alicdn.com/t/c/font_3497650_2qtx5txky2p.woff?t=1665732367672') format('woff'), + url('//at.alicdn.com/t/c/font_3497650_2qtx5txky2p.ttf?t=1665732367672') format('truetype'); } .iconfont { @@ -13,587 +14,74 @@ -moz-osx-font-smoothing: grayscale; } -.icon-tongbu:before { - content: "\e694"; -} - -.icon-add:before { - content: "\e605"; -} - -.icon-arrow-down:before { - content: "\e606"; -} - -.icon-archive:before { - content: "\e607"; -} - -.icon-arrow-left:before { - content: "\e608"; -} - -.icon-zoom-out:before { - content: "\e609"; -} - -.icon-arrow-right:before { - content: "\e60a"; -} - -.icon-arrow-left-up:before { - content: "\e60b"; -} - -.icon-arrow-right-down:before { - content: "\e60c"; -} - -.icon-arrow-up:before { - content: "\e60d"; -} - -.icon-arrow-right-up:before { - content: "\e60e"; -} - -.icon-backspace:before { - content: "\e60f"; +.icon-yingyong:before { + content: "\e600"; } -.icon-bar-chart:before { +.icon-chanpin1:before { content: "\e610"; } -.icon-bar-chart-alt:before { - content: "\e613"; -} - -.icon-caret-left:before { - content: "\e614"; -} - -.icon-calendar:before { - content: "\e615"; -} - -.icon-caret-right:before { - content: "\e616"; -} - -.icon-chevron-double-left:before { - content: "\e617"; -} - -.icon-caret-down:before { - content: "\e618"; -} - -.icon-chevron-double-down:before { - content: "\e619"; -} - -.icon-book:before { - content: "\e61a"; -} - -.icon-arrow-left-down:before { - content: "\e61b"; -} - -.icon-bookmark:before { - content: "\e61c"; -} - -.icon-circle-add:before { - content: "\e61d"; -} - -.icon-circle:before { - content: "\e61e"; -} - -.icon-chevron-up:before { - content: "\e61f"; -} - -.icon-caret-up:before { - content: "\e620"; -} - -.icon-check:before { - content: "\e621"; -} - -.icon-camera:before { - content: "\e622"; -} - -.icon-circle-arrow-up:before { - content: "\e623"; -} - -.icon-circle-arrow-right:before { - content: "\e624"; -} - -.icon-circle-arrow-left:before { - content: "\e625"; -} - -.icon-chevron-double-up:before { - content: "\e626"; -} - -.icon-circle-arrow-down:before { - content: "\e627"; -} - -.icon-chevron-down:before { - content: "\e628"; +.icon-shouru-copy:before { + content: "\e702"; } -.icon-circle-error:before { - content: "\e629"; +.icon--paibanguanli:before { + content: "\e6b6"; } -.icon-call:before { - content: "\e62a"; -} - -.icon-circle-warning:before { - content: "\e62b"; -} - -.icon-clock:before { - content: "\e62c"; -} - -.icon-cloud:before { - content: "\e62d"; -} - -.icon-clipboard:before { - content: "\e62e"; -} - -.icon-circle-remove:before { - content: "\e62f"; -} - -.icon-circle-help:before { - content: "\e630"; -} - -.icon-cloud-upload:before { - content: "\e631"; -} - -.icon-computer:before { - content: "\e632"; -} - -.icon-circle-information:before { - content: "\e633"; -} - -.icon-close:before { - content: "\e634"; -} - -.icon-document-check:before { - content: "\e635"; -} - -.icon-document-download:before { - content: "\e638"; -} - -.icon-credit-card:before { - content: "\e639"; -} - -.icon-document:before { - content: "\e63a"; -} - -.icon-drag:before { - content: "\e63b"; -} - -.icon-clipboard-check:before { - content: "\e63c"; -} - -.icon-email:before { - content: "\e63d"; -} - -.icon-delete-alt:before { - content: "\e63e"; -} - -.icon-chevron-double-right:before { +.icon-hrattendanceschedule:before { content: "\e63f"; } -.icon-chevron-left:before { - content: "\e640"; -} - -.icon-chevron-right:before { - content: "\e641"; -} - -.icon-external-link:before { - content: "\e642"; -} - -.icon-eye:before { - content: "\e644"; -} - -.icon-filter-alt:before { - content: "\e645"; -} - -.icon-cloud-download:before { - content: "\e646"; -} - -.icon-circle-check:before { - content: "\e647"; +.icon-board-full:before { + content: "\e855"; } -.icon-filter:before { - content: "\e648"; -} - -.icon-folder-check:before { - content: "\e649"; -} - -.icon-document-remove:before { - content: "\e64a"; -} - -.icon-folder:before { - content: "\e64b"; -} - -.icon-edit-alt:before { - content: "\e64c"; -} - -.icon-expand:before { - content: "\e64d"; -} - -.icon-enter:before { - content: "\e64e"; -} - -.icon-copy:before { - content: "\e64f"; -} - -.icon-laptop:before { - content: "\e650"; -} - -.icon-document-empty:before { - content: "\e651"; -} - -.icon-heart:before { - content: "\e652"; -} - -.icon-folder-download:before { - content: "\e653"; -} - -.icon-folder-add:before { - content: "\e654"; -} - -.icon-image:before { - content: "\e655"; -} - -.icon-link:before { - content: "\e656"; -} - -.icon-home:before { - content: "\e657"; -} - -.icon-location:before { - content: "\e658"; -} - -.icon-inbox:before { +.icon-mingxi:before { content: "\e659"; } -.icon-megaphone:before { - content: "\e65a"; -} - -.icon-menu:before { - content: "\e65b"; -} - -.icon-folder-remove:before { - content: "\e65c"; -} - -.icon-eye-off:before { - content: "\e65d"; -} - -.icon-moon:before { - content: "\e65e"; -} - -.icon-mobile:before { - content: "\e65f"; -} - -.icon-lock:before { - content: "\e660"; -} - -.icon-list:before { - content: "\e661"; -} - -.icon-log-out:before { - content: "\e662"; -} - -.icon-message-alt:before { - content: "\e663"; -} - -.icon-notification-off:before { - content: "\e664"; -} - -.icon-options-horizontal:before { - content: "\e665"; -} - -.icon-percentage:before { - content: "\e666"; -} - -.icon-next:before { - content: "\e668"; -} - -.icon-pin:before { - content: "\e669"; -} - -.icon-favorite:before { - content: "\e66a"; -} - -.icon-remove:before { - content: "\e66b"; -} - -.icon-link-alt:before { - content: "\e66c"; -} - -.icon-refresh:before { - content: "\e66d"; -} - -.icon-play:before { - content: "\e66e"; -} - -.icon-search:before { - content: "\e66f"; -} - -.icon-send:before { - content: "\e670"; -} - -.icon-settings:before { - content: "\e671"; -} - -.icon-notification:before { - content: "\e672"; -} - -.icon-select:before { - content: "\e673"; -} - -.icon-message:before { - content: "\e674"; +.icon-renxiaozhuanti:before { + content: "\e80b"; } -.icon-options-vertical:before { - content: "\e675"; -} - -.icon-shopping-cart:before { - content: "\e676"; -} - -.icon-shopping-cart-add:before { - content: "\e677"; +.icon-caiwu:before { + content: "\e60f"; } -.icon-grid:before { - content: "\e678"; +.icon-caiwuguanli:before { + content: "\e603"; } -.icon-stop:before { - content: "\e679"; +.icon-yewu:before { + content: "\e8a0"; } -.icon-speakers:before { - content: "\e67a"; +.icon-renyuanpaiban:before { + content: "\e62c"; } -.icon-previous:before { - content: "\e67b"; +.icon-fuwu_o:before { + content: "\ebbe"; } -.icon-table:before { +.icon-chanpin:before { content: "\e67c"; } -.icon-repeat:before { - content: "\e67d"; -} - -.icon-switch:before { - content: "\e67e"; -} - -.icon-map:before { - content: "\e67f"; -} - -.icon-undo:before { - content: "\e680"; -} - -.icon-user:before { - content: "\e681"; -} - -.icon-unlock:before { - content: "\e682"; +.icon-yewuzu:before { + content: "\e7d5"; } -.icon-tablet:before { - content: "\e683"; -} - -.icon-share:before { - content: "\e684"; -} - -.icon-user-remove:before { - content: "\e685"; -} - -.icon-user-add:before { - content: "\e686"; -} - -.icon-sunrise:before { - content: "\e687"; -} - -.icon-sun:before { - content: "\e688"; -} - -.icon-sort:before { - content: "\e689"; -} - -.icon-user-check:before { - content: "\e68a"; -} - -.icon-warning:before { - content: "\e68b"; -} - -.icon-volume-off:before { - content: "\e68c"; -} - -.icon-tag:before { - content: "\e68d"; -} - -.icon-shuffle:before { - content: "\e68e"; -} - -.icon-users:before { - content: "\e68f"; -} - -.icon-webcam:before { - content: "\e690"; -} - -.icon-volume-up:before { - content: "\e691"; -} - -.icon-zoom-in:before { - content: "\e692"; -} - -.icon-pause:before { - content: "\e693"; -} - -.icon-daochu:before { - content: "\e636"; -} - -.icon-daoru:before { - content: "\e637"; -} - -.icon-attachment:before { - content: "\e602"; -} - -.icon-board:before { - content: "\e603"; -} - -.icon-iconset0204:before { - content: "\e667"; -} - -.icon-serialnumber:before { - content: "\e604"; +.icon-hugong:before { + content: "\e605"; } -.icon-delete:before { - content: "\e600"; +.icon-renyuan:before { + content: "\e65e"; } -.icon-edit:before { - content: "\e601"; +.icon-a-banjiguanli2x:before { + content: "\e61f"; } -