From b1a0063736af7f6cf277835e244ffa99ba85af9e Mon Sep 17 00:00:00 2001 From: zhengkunwang223 <31820853+zhengkunwang223@users.noreply.github.com> Date: Wed, 17 Aug 2022 17:46:49 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BC=95=E5=85=A5=20iconfont?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/assets/iconfont/iconfont.css | 44 ++++++++++++++++++ frontend/src/assets/iconfont/iconfont.js | 1 + frontend/src/assets/iconfont/iconfont.scss | 30 ------------ frontend/src/assets/iconfont/iconfont.svg | 33 +++++++++++++ frontend/src/assets/iconfont/iconfont.ttf | Bin 3544 -> 3964 bytes frontend/src/assets/iconfont/iconfont.woff | Bin 0 -> 2440 bytes .../app-layout/header/components/Avatar.vue | 10 ++-- .../header/components/Info-dialog.vue | 2 +- .../app-layout/header/components/Language.vue | 12 +++-- .../app-layout/header/components/Theme.vue | 12 ++--- .../header/components/password-dialog.vue | 6 +-- frontend/src/lang/modules/en.ts | 13 ++++++ frontend/src/lang/modules/zh.ts | 13 ++++++ frontend/src/main.ts | 3 +- .../src/routers/modules/ file-management.ts | 25 ++++++++++ frontend/src/views/file-management/index.vue | 5 ++ 16 files changed, 159 insertions(+), 50 deletions(-) create mode 100644 frontend/src/assets/iconfont/iconfont.css create mode 100644 frontend/src/assets/iconfont/iconfont.js delete mode 100644 frontend/src/assets/iconfont/iconfont.scss create mode 100644 frontend/src/assets/iconfont/iconfont.svg create mode 100644 frontend/src/assets/iconfont/iconfont.woff create mode 100644 frontend/src/routers/modules/ file-management.ts create mode 100644 frontend/src/views/file-management/index.vue diff --git a/frontend/src/assets/iconfont/iconfont.css b/frontend/src/assets/iconfont/iconfont.css new file mode 100644 index 000000000..833881016 --- /dev/null +++ b/frontend/src/assets/iconfont/iconfont.css @@ -0,0 +1,44 @@ +@font-face { + font-family: "panel"; /* Project id 3575356 */ + src: url('iconfont.woff2?t=1660728283223') format('woff2'), + url('iconfont.woff?t=1660728283223') format('woff'), + url('iconfont.ttf?t=1660728283223') format('truetype'), + url('iconfont.svg?t=1660728283223#panel') format('svg'); +} + +.panel { + font-family: "panel" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.p-language:before { + content: "\e605"; +} + +.p-theme:before { + content: "\e638"; +} + +.p-file-folder:before { + content: "\66"; +} + +.p-file-unknown:before { + content: "\233"; +} + +.p-file-txt:before { + content: "\74"; +} + +.p-file-normal:before { + content: "\e7ac"; +} + +.p-file-zip:before { + content: "\e606"; +} + diff --git a/frontend/src/assets/iconfont/iconfont.js b/frontend/src/assets/iconfont/iconfont.js new file mode 100644 index 000000000..c5b7c54c5 --- /dev/null +++ b/frontend/src/assets/iconfont/iconfont.js @@ -0,0 +1 @@ +!function(c){var l,t,e,a,h,i='',o=(o=document.getElementsByTagName("script"))[o.length-1].getAttribute("data-injectcss"),n=function(c,l){l.parentNode.insertBefore(c,l)};if(o&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}function v(){h||(h=!0,e())}function d(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(d,50)}v()}l=function(){var c,l=document.createElement("div");l.innerHTML=i,i=null,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(c=document.body).firstChild?n(l,c.firstChild):c.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),l()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(e=l,a=c.document,h=!1,d(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,v())})}(window); \ No newline at end of file diff --git a/frontend/src/assets/iconfont/iconfont.scss b/frontend/src/assets/iconfont/iconfont.scss deleted file mode 100644 index ce5fa9563..000000000 --- a/frontend/src/assets/iconfont/iconfont.scss +++ /dev/null @@ -1,30 +0,0 @@ -@font-face { - font-family: iconfont; /* Project id */ - src: url('iconfont.ttf?t=1656986270860') format('truetype'); -} -.iconfont { - font-family: iconfont !important; - font-size: 16px; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.icon-zhongyingwen::before { - content: '\e605'; -} -.icon-suoxiao::before { - content: '\e641'; -} -.icon-fangda::before { - content: '\e826'; -} -.icon-contentright::before { - content: '\e8c9'; -} -.icon-sousuo::before { - content: '\e611'; -} -.icon-zhuti::before { - font-size: 22.4px; - content: '\e638'; -} diff --git a/frontend/src/assets/iconfont/iconfont.svg b/frontend/src/assets/iconfont/iconfont.svg new file mode 100644 index 000000000..25078cc46 --- /dev/null +++ b/frontend/src/assets/iconfont/iconfont.svg @@ -0,0 +1,33 @@ + + + + Created by iconfont + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/assets/iconfont/iconfont.ttf b/frontend/src/assets/iconfont/iconfont.ttf index d9063362d8cd82f93c1d78b096426c412dfb6620..21c59f748d31cbd93989e4e3b0fcb38dfcdec9f9 100644 GIT binary patch literal 3964 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 S{q%^cXSEScAJ+`}8vg>b^{od0 diff --git a/frontend/src/assets/iconfont/iconfont.woff b/frontend/src/assets/iconfont/iconfont.woff new file mode 100644 index 0000000000000000000000000000000000000000..7bc2cbc67a1c6d8ac6ed50f4d31b31fc901a0cb8 GIT binary patch literal 2440 zcmY*ac{tQt1OAyYwk9+v%w#G1(j7BQ*|KE`A(<#)79_&ZV6t7ysEH($i-zn;wh9ey zjD0D(cHOc@k|kLpWbV(s-#_1Zp7%NDeb0OL=Q(ePt(h6X1%QR00UX$`g~I>i`|bZP z<`?kB0Kmlus=6Q?WD?{+{^4FG(VLQU&QULHhu0N}L-eHtKevSfIb7bt>S6v$;j$nlOr?|AuAX`q$^a#0X6 zG608j-JiVgs{%PyZF)0kv}JAp7sLK7;J}3b?O_d8DC;)lZIw zwnMw0M_m(?@r-3a00mu`1+YJsNF*@X>~1!Du#0*tIyzU{7~9~9Cd~lxm`V(m0OPt= zt_hjm((G~Kt73FFx^fgIpcB+aph*btHu<4byfAp+BM-FJ-ZpuJI%4m2df7I zGDe10r#3z{B6dUqp0D_MSJNAYj0AL*Ij6>+Eg9%kZ#L9QO(QGqg#A2tuo0QGUC!R!q$UUaB-m+^DgBh8obHE zf0@L{G|g{RyiX)KiO7z+Y;1Bkc+SfP?_+6cX`jWKKc9_$&?$+r7*6fzJZvnZ5=$|b zG9M~fIun#m%`7w1JS4zi@;T*?b)HQ3n#(<;8AHRkW*qEGzq@v7UU_s`j4R%CPBL=f zO{Cjn+l9{H-oDT|N&Tuu*Hd=l?;9h=ytZk(+w2CfZ|vrA{jhsWA9zD@zl8X07p4f+ z-!IfpS^8L@pEWVyjKvCP8wAp&(rXb?22!rtI=Z@6E4g$v7tfIQCsrXp537nlE|t%} zKRA8j-1KEU0Xcr?+mZ>KxQ;t4_W$#v#>Qg1S@zY#=#q$e*t@xyf?RC-1i{B3jIm*B-Y6QHhW2@P(1sc2F~CU z-_a;cr$B;F9Rv_?)bjQajkQ;yZ`NL8I5jYulC3^3OIdho4-h z^z<){dDn8}qfq#2OYN*8(W51LyhkieQ#Ep^Z_!GhBob9iO6J`J29=qxwDP>)PE;{F zl~feYYz!Rp;VX53?Y+eW^ARV|#_)dCK7;qI`Npg{e8(%mKU#0dD-XW@q<6XBiGQ4d ztFt>>qmb41_b`3j=-%m9QjXgRBlb@%YlbIn4pyWXUUBv47(I+g5y+6WO*WZ9Yb)nF zsPmy3)sCO*Lf%q(Y9f^^u{EV&;ZVDLTcpenCqkTbuHv?TE|H12liH)>F(q1dAt9~l znaM6Cf!=2Cr+~M4S5P5`8Q_jIo7TC}+gVsU9-Z9nb2-#|sm5pkn~-0a+XF=&b9V_V zJ|tK@BA}?6?l)&`v(aMoOmC|-XZCUgxsCYIshX0nH3)Z8uZMLgv#uWq&Rg3HG%xPQ zPNS$FHwAyhi#$v&)@S*a`CSSPC}rJb^}kK}qgeFm*qf}ZjX-p0*rilxiZ%%iV-T70pSOB_pfY)bl z&f=M@qD%TzUGG&^k;?j`qHa9gb2mvr!R)tjC!AHw`{b@Jy zRbm2r18l#16}(n$GE`rn8u=urDXV&T4Im>QGd}*2n^j-e=P@C)j z%Mf6i)SLR_`!3E+f^|vUaI(SPQuFQ}hx0r10QAQ3`)``q+z1#TMG|QJ_mBNIclI+u zxTSf8V*mwRP&;lIm}Ef{-2UL4L;`_8+~PcjS(8bCmO5lV+W^3mi_Y}|;s+Urp5k`e z|EvGYF9NNT-2p(X4d24(a5$$aoClC`fe3>AE=jL#TF|0#w%fP8Y0(@INf2n+xA96E_`CieIhg@%rdz3zH&Wa0O(WC0DhL(HkR>zl}E&YDeovPE9a89x|#VW(wv9$F3 z>q_TgvTxN6QoSajVe^h9vuBVYp>wXRJIiHZ^tRQvHKQk~4C!`Ui?E>NA-y2MIEmmv zF_M$GTw& diff --git a/frontend/src/components/app-layout/header/components/Info-dialog.vue b/frontend/src/components/app-layout/header/components/Info-dialog.vue index 9970721c7..7eaa4dc3d 100644 --- a/frontend/src/components/app-layout/header/components/Info-dialog.vue +++ b/frontend/src/components/app-layout/header/components/Info-dialog.vue @@ -1,5 +1,5 @@ diff --git a/frontend/src/components/app-layout/header/components/Language.vue b/frontend/src/components/app-layout/header/components/Language.vue index e07d761e0..fb49460aa 100644 --- a/frontend/src/components/app-layout/header/components/Language.vue +++ b/frontend/src/components/app-layout/header/components/Language.vue @@ -1,14 +1,18 @@