From 2ef6884d634c10b954d684bf52efa55a957fc773 Mon Sep 17 00:00:00 2001 From: luckyasme <807254037@qq.com> Date: Thu, 22 May 2025 19:46:16 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96footer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- i18n/en/en.toml | 7 ++++- i18n/zh/zh.toml | 7 ++++- layouts/partials/pcfooter.html | 9 +++++- static/css/revision_new.css | 52 +++++++++++++++++++++++++++++---- static/img/footer/police.png | Bin 0 -> 2715 bytes 5 files changed, 67 insertions(+), 8 deletions(-) create mode 100644 static/img/footer/police.png diff --git a/i18n/en/en.toml b/i18n/en/en.toml index 735afe39c..989612b3d 100644 --- a/i18n/en/en.toml +++ b/i18n/en/en.toml @@ -380,4 +380,9 @@ other = "en" [openEuler] other = "https://www.openeuler.org/en/" [version_tip] -other = "Documents vary with versions, Select one as required." \ No newline at end of file +other = "Documents vary with versions, Select one as required." + +[approval1] +other = "J. ICP B. No. 2020036654-1" +[approval2] +other = "J.G.W.A.B. No. 11030102011597" \ No newline at end of file diff --git a/i18n/zh/zh.toml b/i18n/zh/zh.toml index d7c802601..f8e896fd7 100644 --- a/i18n/zh/zh.toml +++ b/i18n/zh/zh.toml @@ -392,4 +392,9 @@ other = "zh" [openEuler] other = "https://www.openeuler.org/zh/" [version_tip] -other = "不同版本内容存在差异，请选择对应版本文档。" \ No newline at end of file +other = "不同版本内容存在差异，请选择对应版本文档。" + +[approval1] +other = "京ICP备2020036654号-1" +[approval2] +other = "京公网安备 11030102011597 号" \ No newline at end of file diff --git a/layouts/partials/pcfooter.html b/layouts/partials/pcfooter.html index 99ef17600..08b91fba2 100644 --- a/layouts/partials/pcfooter.html +++ b/layouts/partials/pcfooter.html @@ -28,11 +28,18 @@ {{i18n "cookies"}} -

{{i18n "copy_right"}}

{{ i18n "licensed_1" }} {{ i18n "licensed_2" }}

+

+ {{i18n "copy_right"}} + + {{i18n "approval1"}} + + {{i18n "approval2"}} + +

diff --git a/static/css/revision_new.css b/static/css/revision_new.css index c828683e4..a6e8b93c5 100644 --- a/static/css/revision_new.css +++ b/static/css/revision_new.css @@ -681,7 +681,7 @@ } @media (max-width: 1400px) { .footer-content .inner { - padding: var(--o-spacing-h4) 0; + padding: var(--o-spacing-h6) 0; flex-direction: column; justify-content: space-between; align-items: center; @@ -723,21 +723,63 @@ } } .footer .copyright { + display: flex; + align-items: center; font-size: var(--o-font-size-text); - color: #fff; - margin-top: var(--o-spacing-h5); + color: rgba(255, 255, 255, 0.6); + margin-top: var(--o-spacing-h9); +} +.footer .approval-wrap { + display: flex; + align-items: center; +} +.footer .approval1 { + margin-left: 8px; + color: rgba(255, 255, 255, 0.6); +} +.footer .approval1:hover { + color: rgba(255, 255, 255, 1); +} +.footer .police-img { + width: 16px; + height: 16px; + margin: 0 8px; +} +@media (max-width: 1700px) { + .footer .copyright { + flex-direction: column; + } + .footer .approval-wrap { + margin-top: 4px; + } } @media (max-width: 1400px) { .footer .copyright { font-size: var(--o-font-size-tip); line-height: var(--o-line-height-tip); - margin-top: var(--o-spacing-h8); + margin-top: var(--o-spacing-h10); } } .footer .license { font-size: var(--o-font-size-text); color: #fff; - margin-top: var(--o-spacing-h5); + margin-top: var(--o-spacing-h9); +} +@media (max-width: 1400px) { + .footer .license { + margin-top: var(--o-spacing-h6); + } +} +@media (max-width: 800px) { + .footer .footer-option-item { + font-size: 10px; + } + .footer .license { + font-size: 10px; + } + .footer .copyright { + font-size: 10px; + } } .footer .license span { color: var(--e-color-text4); diff --git a/static/img/footer/police.png b/static/img/footer/police.png new file mode 100644 index 0000000000000000000000000000000000000000..116368e79ceab8617d988f4aa4b5a722dbff185b GIT binary patch literal 2715 zcmV;M3S{+(P)w%>!2iociw51nX=(%r?&3U%q+GpxTdGv<8cgzVf zZnzG?b&QWA_pIKtd2S(oX5v_H^?^4uJzeJh4;A^f?J1+WgSHtea7dKPnHi7$lY+@p zebx_UJb0^!Z&_uZYgK~Jto_8Z(_Dw*IzIpFzZ_id^2m24#iM`wa)X<0tTX;l&Lg)+ z6rzZ1HX)tQ$lE!>2wH=Rd$$_at_b+gH%ol$hf=Q`Fau3Lefew8pF7WWXnumd_(#E8 zKR9vkJ7@XKi*FVA$d&@*4|iGZ_h=uFG5^y>%vtox8pJvAdsFmBJ-qE@?%GhH@|fi> zz8!Gzw5Z-N(EY=yeYd<@e)!UFymTV}^M83ojzzM@ zpME^z)}cPVH$&v%4$h*$Z543uTZd>U)TIvYk|vu?F}`GIRM4m>o;f0QJIdBt6K&|7 z?DFKt*Ds80|IN$uUU*&RFDCgPD&IJ&PDABi@eCOA=A@$=;qr zO!v{#Ir-@xGP68zJ2WdUM=m${&Kq^nOI;_ZpZ2&$T5H9zefR%jq4BF<2`c{jfr3C` zDY%j~BQ=z&z?B|g5myt;Qcl_`VJiY#Q=~zy^0>HYin%N?U1_+;0N0%0~O1;c}tRnbQjtn#Ad)_#^&D%U)6045LLaXdz?wQHH>92< z-!O>SF^1h#fSVL{bCG;a2^%OZ21b3-EaQ!{9lD{xm(Z$%E*3GymEBJ6d~W=6RzLL3 z$&pS`Z?ITo)aQe(3f2e~`hu5E!LCgi$&HqDph?gw6KO$m=>)z9($Ppyp*~!~-#v=w zSHSHt`}Vs`95?jh0@bEvq>_;=#7L`$MQ`E3|N8R1FKJ=yUSqQ@{YauP+&r3tF!W-{ zYv%-~&bL`L;NiFdox`(;1ZPz*l0#1iP8?_R?sT+85@8c$%XlVfBJTWd~pdKDQfGA_;U#r+|#AFfDb#hrMclB&XJzp+) zb1F>-tmERP3A=AGeD$CPAu%(OIBpYPPVlxC3HG*dOGQL1p=1#c6|lx9er=X$a+<|% z%GGw0%xVG;cB~Wlj!TxNavaAc z*j&dXitzXpM&_h#gLt*g)!CFN?cqBO9@}AQ)?Fm0RrTEMF0>{E0!~K}EZ_ctgizvF5+1eFE4g*UmZ3J@#k8+Z6 zv@bboOWd)+;bXTXI3mYJ8F8Fo&EjZ)d@9pvTgP4diZ?&=Kyhf0Xl5GIiP0s&`dW`q z-&5lY2UhTJNe6NZGT=Yb2xW5yx`xz9I;kMdB=j|qAe75ktH|%(lToEhG9MxYx{Wsve8s(#7Tt71!A$sed`tP?5J>dsz$3RIeFRQ$`W_nsMvi= zLN^ci<_|3=-%V*%EK7Y$j^v47Fx(u>5MJ)0D*?JvK?@I0+oe2>zh|4x9|)G6_{PT` zC>FiHSEb6T&eA+dw@*CNMfnO-DzOy1)C!WruO|#vB{z+EjEuQRzsZ5gkPGJ**|^eh z_F_&Z9qt~Q!%I5If=_wn08XKV&P|xK7hmWJp4#%M7taWmSvxMz?>qJhw0%lDa#Oz> zl7ulfPO-V6G+ZS~6zNQxG|I?;=K4X5QG}g7;Y=6lI4B`V`hB|Xi0WX4!eEI)QKOaU zT5DcNF<)5!@bj;*Oz=Lhe(CNfnnS_gNZ+p|LX-AVOn(XOIRy0*X*VToM<`FBMNYI7 z({IPjFA0WLm#EY<(-%YhQh{RKLzCcpCJe*u`wO$-XYc&u!>@CVVA;WgJGK8x^apvC zJt3;ajkTeQ4~ooalxZU!f#jUzfUZNh$rkP;&_ z##sD?; zRV?5Xd~yWZ529+LFqO^E98R+Ag`&t_j%ux`HTV2u#QO+-3VU!|U*JN?$-|-UY