From 798699bcbde49e4de3695b936df9a6287957f28d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com> Date: Fri, 10 Mar 2023 16:22:56 +0800 Subject: [PATCH] =?UTF-8?q?iconfont=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/iconfont/iconfont.css | 51 +++++++++++++++++++++++++++++ src/assets/iconfont/iconfont.ttf | Bin 0 -> 3800 bytes src/assets/iconfont/iconfont.woff | Bin 0 -> 2552 bytes src/assets/iconfont/iconfont.woff2 | Bin 0 -> 2064 bytes src/compenents/header/index.tsx | 10 ++---- src/compenents/left-menu/index.tsx | 24 +++++++------- src/index.less | 27 ++++++++++++--- 7 files changed, 89 insertions(+), 23 deletions(-) create mode 100644 src/assets/iconfont/iconfont.css create mode 100644 src/assets/iconfont/iconfont.ttf create mode 100644 src/assets/iconfont/iconfont.woff create mode 100644 src/assets/iconfont/iconfont.woff2 diff --git a/src/assets/iconfont/iconfont.css b/src/assets/iconfont/iconfont.css new file mode 100644 index 0000000..a99ab4e --- /dev/null +++ b/src/assets/iconfont/iconfont.css @@ -0,0 +1,51 @@ +@font-face { + font-family: "iconfont"; /* Project id 3943555 */ + src: url('iconfont.woff2?t=1678435002469') format('woff2'), + url('iconfont.woff?t=1678435002469') format('woff'), + url('iconfont.ttf?t=1678435002469') format('truetype'); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-icon-video:before { + content: "\e73f"; +} + +.icon-icon-home:before { + content: "\e737"; +} + +.icon-icon-category:before { + content: "\e738"; +} + +.icon-icon-file:before { + content: "\e739"; +} + +.icon-icon-study:before { + content: "\e73a"; +} + +.icon-icon-user:before { + content: "\e73b"; +} + +.icon-icon-setting:before { + content: "\e73c"; +} + +.icon-icon-password:before { + content: "\e73d"; +} + +.icon-a-icon-logout:before { + content: "\e73e"; +} + diff --git a/src/assets/iconfont/iconfont.ttf b/src/assets/iconfont/iconfont.ttf new file mode 100644 index 0000000000000000000000000000000000000000..7c1f6492caf3bca428572dc581c9a37d0d239952 GIT binary patch literal 3800 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 e;!mNi3X9s~K8(9odlrB=1?B{^Hxy-D8c|RlN z3%jEDeqWhUnWOYgxgLY6hOK8Wq)!oCj2=gM6cVKm~zF0FyJHWrtiz51`!MrpKQ5j~)^(!s)cp#X(BVjPv) zBv9d8XSkoE_^OBCQ=#s3AO}9*RP=zg91N?bk zuP2XrFrlCy>vNnJ@OkJl4w!lwFMzvVhns+<4Fur8!@>;e)wXX_0X%rJT4bB{Mp6$? z5BMJr$AiD@2pC5Y5KXf3{Nt&j%O;ygCP7)%REfX>I}oKA!w?vzm;qyfMtJdnW+A?5?`GDi|VqT~^EifkU?f$0NCM+92SOd(nLgv@P{ z7q;>nr}CegiXli$cwlHK6q`1+2s9r;I-0=Ma-fMLZFFG(t5c@bf(zqd$;NlEBR<=Q z;eEG$Gs!fSzoKs5l&Ls)!9v7+!F|B`v3{Fz+hX_CEf151)vTxRsS}Ys?mbXy&x-Z1 znf5U1HeZC!q%CNA-2w9+l7KE`*}Nb>$;H9*L!WEiiJ#I5z}|+4@-kc&+y|x3SkEAV zGTUTm;Yfab#aW==mWq)Zbklp|q#lEp^0*mdTbV84DS`LQ?4cWG8I7`#lBIMZjbs1Z zdcwU2$wJnq*wgFi=4{K%MrWj=g|v8%>b@$FAqo}|^Voa|8OI++N9iznz7Yr#jFjfL zK%5pBZpKL|tfdKyY032E;XOj19Ks?8I|s<#)*b-RJ&BCNICOGx858Mj0+!>GWI8y` zl@c-gI$1ms=Qxnd)3_2okFXRcIT92SIWi(Sf>iWTYl{qdEFSBLgG(v1E-vofJt4)81QMAoJ$`v~yZC{@j9HHBIssXN-I6?%@zTA1nz4A&woR?_vG1?~QhZ zA6^m~>2k^Mp96<1F;fj+{9Q=!ccJ)v7NemT_>dWGR$7GU##M{CpsnPspgD`x#%O|; zRU3os19}@6tbBZE?cXiNt1-n{4*vffTm*@YT{@US*K49((KS~lhy3IF^LLo+9PzQ$ z^=UUVG(%fi+ty)vyFXJbjIC#J4o2!f@BYE;AK|Oi=1IO*nLp}XJJp}aDyay+Ag)O^ zzQ|U^w`mtS8YkC$yDVcRUfQ}tk7G8g{xU3v7Kpsj)0k<-4)I6OEuz`STlJ>PlI@(1 zMgXPzPrv)&yCrvjW;WB`eM$Upw0`6#Sq_qVi*2&6Jz1Lfw=3Lnb6H7A9d&VR)OceU z&B;0HHj=#Kd=+$J$z^BGGJErzL&5)JI^V9w;%{8~&ZIBdv$(^w`qFY_i;0&tm_6G*-P$=?6}c=%)YeO9e>T_8s5FP zwE6*=%j}5kBlkwaQl4L|e($AZ|U@ zFqNBU+%VRro?*Cdm}SWo-duE5z`^wf0J!=@;*} zPvmL){yGo;l>|Rd@9W)R6T11xtPJ#IekJ1B31j>#u+VKaDVm9890S5%CC9I+&kvI* zs$ihIR(^*zu1#Z+OagJhB&P#Tc7}Z2-9XU14Mf@dKy~jN8ZGZkQ5N9JI|gLoW5CS( zgDa~00*|_%fnaA05p{n9)mNQOQlqB9a!QKL;Id$r!9X)EdT!q4b~MNnjM znoeF~gT9Y-Lf_=fT4+zTxDbwqRYk&i>Y?Je%j|ZNL>H|SE2`m?ha`4J7KDz`cuOG- z&Cbd1cMln@isT!jXNwnzVYLgHSlR$x%9=(~E~GN(Gjhx#h~SDN zJxD!lv2KTmvm-IsbW>S8y`sL=qCcc*^n=zgIe7&|C1n*=HR|!_Mtxf#ErhWy)wsfg ux(vS|KPvKTTVc&W;I?@6w*mcf9x~g;bn138gn_SEk&#qYk)f6W0002Q!1KHS literal 0 HcmV?d00001 diff --git a/src/compenents/header/index.tsx b/src/compenents/header/index.tsx index 1ab6b5c..e6c6f31 100644 --- a/src/compenents/header/index.tsx +++ b/src/compenents/header/index.tsx @@ -6,11 +6,7 @@ import { useDispatch } from "react-redux"; import { useNavigate } from "react-router-dom"; import { LoginOutActionCreator } from "../../store/user/userActions"; import avatar from "../../assets/images/commen/avatar.png"; -import { createFromIconfontCN } from "@ant-design/icons"; - -const IconFont = createFromIconfontCN({ - scriptUrl: "//at.alicdn.com/t/c/font_3943555_yvbihmb40xn.js", -}); +import "../../assets/iconfont/iconfont.css"; export const Header: React.FC = () => { const dispatch = useDispatch(); @@ -29,12 +25,12 @@ export const Header: React.FC = () => { { label: "修改密码", key: "change_password", - icon: , + icon: , }, { label: "退出登录", key: "login_out", - icon: , + icon: , }, ]; return ( diff --git a/src/compenents/left-menu/index.tsx b/src/compenents/left-menu/index.tsx index 2c617e1..4931c25 100644 --- a/src/compenents/left-menu/index.tsx +++ b/src/compenents/left-menu/index.tsx @@ -1,14 +1,10 @@ import React, { useEffect } from "react"; -import { createFromIconfontCN } from "@ant-design/icons"; import { Menu } from "antd"; //导出路由跳转hooks函数 import { useNavigate, Link, useLocation } from "react-router-dom"; import styles from "./index.module.less"; import logo from "../../assets/logo.png"; - -const IconFont = createFromIconfontCN({ - scriptUrl: "//at.alicdn.com/t/c/font_3943555_yvbihmb40xn.js", -}); +import "../../assets/iconfont/iconfont.css"; function getItem(label: any, key: any, icon: any, children: any, type: any) { return { @@ -20,18 +16,24 @@ function getItem(label: any, key: any, icon: any, children: any, type: any) { }; } const items = [ - getItem("首页概览", "/", , null, null), + getItem( + "首页概览", + "/", + , + null, + null + ), getItem( "分类管理", "/resource-category", - , + , null, null ), getItem( "资源管理", "3", - , + , [ getItem("视频", "/videos", null, null, null), getItem("图片", "/images", null, null, null), @@ -41,14 +43,14 @@ const items = [ getItem( "课程中心", "4", - , + , [getItem("线上课", "/course", null, null, null)], null ), getItem( "学员管理", "5", - , + , [ getItem("学员", "/member", null, null, null), getItem("部门", "/department", null, null, null), @@ -58,7 +60,7 @@ const items = [ getItem( "系统设置", "6", - , + , [ getItem("管理人员", "/system/administrator", null, null, null), getItem("系统配置", "/system/index", null, null, null), diff --git a/src/index.less b/src/index.less index 24b39e6..540b414 100644 --- a/src/index.less +++ b/src/index.less @@ -28,7 +28,7 @@ code { margin-right: 16px; } -.mb-10{ +.mb-10 { margin-bottom: 10px; } @@ -109,10 +109,6 @@ code { color: #04c877; } -.c-gray { - color: #999999; -} - .c-red { color: #ff4d4f; } @@ -157,6 +153,10 @@ code { margin-right: 16px !important; margin-top: 8px !important; margin-bottom: 8px !important; + color: rgba(#333333, 0.3); + .ant-menu-title-content { + color: #333333; + } } .ant-menu-submenu { @@ -165,6 +165,10 @@ code { margin-right: 12px !important; margin-top: 6px !important; margin-bottom: 6px !important; + color: rgba(#333333, 0.3); + .ant-menu-title-content { + color: #333333; + } } .ant-menu, @@ -187,15 +191,24 @@ code { .ant-menu-submenu-active > .ant-menu-submenu-title { background-color: rgba(#ff4d4f, 0.1) !important; + .iconfont { + color: rgba(#333333, 0.3); + } } .ant-menu-item-active { background-color: rgba(#ff4d4f, 0.1) !important; + .iconfont { + color: rgba(#333333, 0.3) !important; + } } .ant-menu-item-selected { background-color: #ff4d4f !important; color: white !important; + .ant-menu-title-content { + color: white; + } } .ant-menu-submenu-selected > .ant-menu-submenu-title { @@ -238,3 +251,7 @@ textarea.ant-input { color: rgba(#ff4d4f, 0.8) !important; } } + +.c-gray { + color: rgba(#333333, 0.3); +}