From 0d2fb2e0ea6804bf48d296cc1f60c0ec5f1bf7f9 Mon Sep 17 00:00:00 2001 From: caishi <1149225589@qq.com> Date: Tue, 30 May 2023 17:32:55 +0800 Subject: [PATCH] bug --- .../Information/Component/publicBanner.jsx | 16 +-- src/forge/Information/Pages/headerPage.jsx | 24 ++--- src/forge/Information/Pages/main.jsx | 75 +++++++++----- src/forge/Information/Pages/newsList.jsx | 10 +- src/forge/Information/Pages/projectSource.jsx | 15 ++- src/forge/Information/Pages/zoneVIP.jsx | 7 ++ src/forge/Information/img/menu6.png | Bin 4824 -> 5521 bytes src/forge/Information/img/menu7.png | Bin 0 -> 3136 bytes src/forge/Information/index.jsx | 6 +- src/forge/Information/index.scss | 95 ++++++++++++++---- 10 files changed, 176 insertions(+), 72 deletions(-) create mode 100644 src/forge/Information/img/menu7.png diff --git a/src/forge/Information/Component/publicBanner.jsx b/src/forge/Information/Component/publicBanner.jsx index 3f93e9e5d..d763f7809 100644 --- a/src/forge/Information/Component/publicBanner.jsx +++ b/src/forge/Information/Component/publicBanner.jsx @@ -6,16 +6,20 @@ import Menu3 from '../img/menu3.png'; import Menu4 from '../img/menu4.png'; import Menu5 from '../img/menu5.png'; import Menu6 from '../img/menu6.png'; +import Menu7 from '../img/menu7.png'; +import banner from '../img/mainbanner.png' import { Link } from 'react-router-dom'; function PublicBanner(props){ const [ key , setKey ] = useState("1"); + const { deptId } = props.match.params; const { pathname } = props.history.location; const { data , adminUrl } = props; + useEffect(()=>{ if(pathname){ const head = /\/information\/[0-9]{0,}/g; @@ -39,7 +43,7 @@ function PublicBanner(props){ },[pathname]) return( -
{data && data.name}
+{data && data.firstTitle}
{data.name}
-{data.introductionContent}
+{data.introductionTitle}
+{data.introductionContent}
{newsList[0].name}
{newsList[0].summary}
-+
{newsList[0].publishTime}
- 查看详情
+ 查看详情
{i.projectProperties && i.projectProperties.description ? i.projectProperties.description : "暂无~"}
领域资讯
{ mainList && mainList.length>0 && @@ -82,42 +98,47 @@ function Main(props){ mainList && mainList.length>0 && mainList.map((i,k)=>{ return( -- {j.summary} -
-+ {j.summary} +
+暂无数据~
+开源项目
- window.open(i.projectURL)}>{i.projectProperties && i.projectProperties.fullName} + window.open(i.projectURL)}>{i.projectProperties && i.projectProperties.name} { i.projectProperties &&
E2>z*2AY*kJhSw0uBy({hKdYI9IML-d=M zT>8x)-9QS?By{<&Q7v9WOal=7+*J5DUSr$~MsWR=?l0fI-9MKav8QlQ G7iuxt& zb0DFMT&4qy5in#Cn=`?I=dHcZ2uPX#9>2k()B3^w7z7nXV#^@~mB5QJk#8l&n&Y9A z1uz&jRXLh@p(+xkW1QVS61L`66c{n{YWW<+2p vrUBp=Oqdyp74{C7_uZzwqBl;&tA(}! zHdEr LRjmnTw0PTUy*fW87-bBSSyL*K13ILEqKXkfUiZX8f`U#}@lh zLgez+hc%nFF*Gw7SV|kPe1;677R)B}&F_7j2PW_i96;!8s1cvLdXXp^77Pl69u^8m z*3-SX`RnC?QCFR#Sftc+I&dn_dap&x;&Tng)V2V~|l!;+39Drr91;_^m{I=I-BYc2hyb7-~;K=4&4 z$cAu8%@w%(E~hCvMXd1R+Ae2NNkZbLvVbs+F8PAINaPeCt8uQR#lp1aoU-1`4t@gf zi_%eemL9xyqishaBZ9V|P%YRFi~_)%X-Z@Jjt|Fid$INZHEbrARo*ZpAPgWKe<#O@ z6fMInF2lJle2N-XuCr=smee!`?=pLU;5{(pGxVaZAHk8T$+lI(H?kTCE+XL!G+v=r zEXxN_ZZFi}ku@EI7neq{WLQ9i8|>(oi!iZMaK2ecmD^~>?<^|qRZ%*=zY7lTUOa~m z33uS$RMNQ$8?g5_QnYglpOR*@-z|4F7I_KQ2 zPxtHX^&7AX=&IrM>%RTE(XgbMC#}2*73b_3lC!;6@NIUI6r`Z71U5y08iVZhhf? zu_-A&K~NCLnxuv&(*9BjW+cH8v#xhH2?5hiq`;G6LDjst@jfv B0OEg0~@ zjrWQHr@({|*l;iUBxX4&6+=8ufr(JXF#%Iw=fI%;F4X3$NKRVF@&o_jx~6q0biFZ0 z`%QcNwBKnRo6&b#$zdb2o|nf6d0dY6(a+&O@;m<3*TEjMPTTW&x2v{BY`Nz1`9<=Q zDowsUYaJLh-1P+#iH8Rt=VuMaei%>`nBk*WWPoN}x1;YA94!W#g{9jQ9Qrj0huSen zv_Tywphu1S$~6n}6DtPOa9RNx1_?NL$c6XzB^0!P5`t{33OE=GMF*k-Gb)l00)H|n z87L}7tHax-f>t2(e*0bT!|(YTfTkfi*>?9{(YInSXALbt-#!BVx2*(++T*Phm-j=V z7+YB-D8)#tnLncdwyg||QGm3UA57jTh4!)i1h(aj9Q5f0;B<&Fm4g{pfKR0a6NSwN zYZ@?R8Jj4DXe$L(!t#a96B2-@2%B5DI*^iqXjJ5>=@S4WK`^`cR=M4H&XA2%@+`9v z1LNfsmT0xL{AwYEFfc|fENM5NA*xVJBPynMbynh_%GMbOnPtMjXa(^^D@@SbI^0SU zmI5O!r1z19Of_pBieT!pT1kU>V|#Lr2@#6tt`Mb|vP~8;s^S$$i^x_UlXq-l4JK7q zc@zj$mAH-UcRaRvDCU@~V9rJ`eNi!Kz*se;v660Va?6m@0EP_IfS78w?RBB!s7}Vd zvde;IRx&wAsYF}JsD^z~yA}k~J2RLjv{HRKFj1YIF#Grvf(I_1mxo1jbmxR+@t@pN zgxBA}eiTc{QVD^)!j+&BE-Tf%t+7 X%thYmOzQJrJPyHmT+8IJU0(lC4ljj zX`Xj@8MdlWU`)00RV{riDTb_6%u=oi3?<(*Rx*kqNTw_31BPE_Uzmf1GxBiLT?J@A zVk{zHQ3RM )M{`jPnJ|Yt6%L4;0}@XRvQlZXK>9pQ@0usY=E64E>mqq!{eS zqyiJuks&~{5X$$zj9pG#-r42CkM1r&2g0G-x@b
CM=39UMcMM54A+ z;6W$`&S6vxb<5)xvRv E@KfK>^9H <>LgU!HDz~&unM^%ZeR5+ZWDiIj6(px*?tP~Bz z*9pdpx$&wzT#VJF+U3W~i?H*3Hc^E{d?RlT%v#D{&W)8aff+Lb!H{B-z$EnWX!oSC z0&f1AD%aI6A07bs>3zB{qkF=9ih-A9JLPFQg&LX!Q;&){ltD3L&r();I{^&$kYTiT zX>GOfS9JWkmt0u?Qpub5wIK8mLMCRfv>Py8S-^}t8^LHR9geI@!Th4otod#Cs3R?% z^#o?K2E%fV$vu2{K SSb^j@d$<#^L7d_UYb#BfBwz!2lKp9jLsvbU*n(4QI=|=a-9{-gpoSOqyS@Q zvbA(p-En-uJco*T{_o04e%k~pmfl|-n9&HPmym ?RwV|6{Pg-Q{)sN7D5IFpk293(3&uFIcSs{)8t`RVIG^jjn1`to z5;{F8PIB`y2ljvLe;8*psOS{gY#-9Awa@8qud#jCn*GrYHhapB2n!5DX2pwk9bigbd#_1))UExug(CXp>!N zr{6v4KqpQ)&|;rc>z;5>A$-U{*Ji*R$)cFa zfNol&EY|`$4pQ>1@O9Q{6A%m@yme2qV#?A?U_;XofFEA1g4^<{3y&cb(`5d%99%M` zJW(xuqJ+I}HAC2l$1lNY3p!pwDS644LkI&Re_Fq2q~SH5PD<2ZXt#a=dI_$MN5cK$ zggkvBDMsL|d@>mGJCPMi-X(y^<8rWSW63)$Zl6CT2lGO}-1VdfhSV?&kH2hY9v)tc z6{%B|B3~Xc)roDFNKBP7+coI=o&wrQF_k9I {7rZ~Gs9rI%7*o?Qt(f)$8Nl4Lvd~t_3WnW 91PjTfHA+JJ_Bz?SXll}pK4nE7KO1US?Tcp3}7(vwG~Ss6(b*xRk8%) z49h{jZQ2GFnpK<%jH^O(@T{bj;JrbiT9nz0{SM`rURlBX{u!su!S@p-7#gruy99z) z(V9A@Up1p*@3Wy7pn+q+NMJ0lSa@0~d|%LxWTnht@bN@j0m1C301QdjwNI~=$GxZ7 z=DQ{wmWLQT6ATa71F39N2F9w#Zy_I4JZ{)vRh159u@Ywgwn7oXyq8un+#FP9jSA?p zLLT);K;S|6Y-57vN()tt+9 VPFq(|jM|wROu5%As`A`woaE~h z1{1Y8jH`pgvcYNsHc1De8&De7P*eCnCm$@lSf&VRcKV)V}U(<-L2BoqaK+oeoB z+ 0vQfkz6Z<&Gn!;D4jb^c%rDAH+zrZ^6a4 zi9OZztfP*wP{Pz_$@!Iq2OStV0B)N(QLN<9Qr_N^r&;E^eWD{e1t#JSp8|6VOl9Uj zW{P=wgY%f<
>1+UN!ONi{-oo}_FsOvo4@p{P^ACn z{=t41idFQCgTsKhiwOh8xApIfBWD~S;uDT%=T8?4k^<{?Fl%3Qn>soG=kfuz<3O`m zOuB^1_S*{%yYiS0-C+EG`Sk8!T@Ux=g)?%Klg`@hVCaM^{#yF5 7&A{ ziE17PuYW)I!RIa%cYY#ZR&H>o<%IjkE=M#aT|nCXi4gb?1sbcdm3y?Vhgi2@y0{|E aIsXrAV3J+)?9h(@0000 { axios.interceptors.request.use( config => { - var localproxy = "https://testgetway.gitlink.org.cn"; + var localproxy = "https://testgetway.trustie.net"; var proxy = ""; let url = "/api" +config.url; if(isDev){ @@ -84,7 +84,9 @@ function Index(props){ const url = `/zone/open/${deptId}`; axios.get(url).then(result=>{ if(result){ - setData(result.data.data); + let data = result.data.data; + setData(data); + document.title= data&& data.name; } }).catch(console.error()) } diff --git a/src/forge/Information/index.scss b/src/forge/Information/index.scss index f81dbeed7..9baf42b53 100644 --- a/src/forge/Information/index.scss +++ b/src/forge/Information/index.scss @@ -20,10 +20,10 @@ text-align:center; } .in_banner{ - background-image: url(./img/mainbanner.png); + // background-image: url(./img/mainbanner.png); background-size: 100% 100%; // background-color:linear-gradient(270deg,#262a35 0%,rgba(38, 42, 53, 0.26) 42.94%,#262a35 100%); - height: 600px; + height: 450px; position: relative; padding-bottom: 88px; &>div{ @@ -37,7 +37,6 @@ color:#78d0f5; font-size:40px; line-height: 40px; - height: 40px; } .sub_t{ margin-top: 35px; @@ -73,7 +72,7 @@ &.ant-menu-item-selected a,a{ color: #fff!important; } - &.ant-menu-item-selected::after{ + &.ant-menu-item-selected::after, &.ant-menu-item-active::after{ content:""; position: absolute; width: 100%; @@ -82,6 +81,9 @@ bottom: 1px; background-color: #466aff; } + &.ant-menu-item-active::after{ + background-color:rgba(255, 255, 255, 0.36); + } } } } @@ -217,6 +219,7 @@ position: relative; display: block; line-height: 25px; + word-break: break-all; &.sub_i{ padding-left: 18px; &::before{ @@ -239,7 +242,7 @@ align-items: center; border-bottom: 1px dashed rgba(70, 106, 255, 0.48); margin-bottom: 5px; - span{ + &>span{ display: block; width: 113px; height: 30px; @@ -249,6 +252,10 @@ font-size:17px; background-image: url(./img/guide.png); background-size: 100% 100%; + span{ + display: block; + max-width: 100px; + } } a{ color:#466aff; @@ -342,6 +349,10 @@ width: 1200px; margin:0px auto; } +.flexCenter{ + display: flex; + align-items: center; +} .detail_news_all{ .detail_banners{ background-image: url(./img/subbanner.png); @@ -420,7 +431,7 @@ .author_img{ width: 66px; height: 66px; - border-radius: 10px; + border-radius: 50%; margin-right: 20px; object-fit: cover; } @@ -530,6 +541,8 @@ font-size:18px; font-weight:500; cursor: default; + display: flex; + align-items: center; } &.active{ color:#466aff; @@ -555,12 +568,13 @@ display: flex; align-items: center; margin-top: 54px; + padding:27px 24px; &>img{ - border-radius: 0px 4px 4px 0px; + border-radius: 4px; object-fit: cover; } .zone_infos_desc{ - padding:0px 34px; + padding:0px 34px 0px 10px; flex: 1; .z_name{ color:#1f2329; @@ -573,6 +587,8 @@ color:#3d485d; font-size:14px; line-height:32px; + word-break: break-all; + -webkit-line-clamp: 4; } } } @@ -590,6 +606,9 @@ font-size:17px; height: 24px; line-height: 24px; + &:hover{ + color: #466aff; + } } .zone_n_desc{ color:#4c5876; @@ -606,6 +625,23 @@ line-height: 20px; margin-top: 15px; } + .zone_btn{ + padding-right: 20px; + position: relative; + height: 20px; + line-height: 20px; + img{ + position: absolute; + left: 62px; + top:5px; + transition: 0.1s; + } + &:hover{ + img{ + left: 68px; + } + } + } .zone_new_first{ background-color: #fff; padding:30px; @@ -616,12 +652,21 @@ margin-left: 30px; display: flex; flex-direction: column; - justify-content: space-between; + &.spaceeTween{ + justify-content: space-between; + } + &.flexStart{ + justify-content: flex-start; + li{ + margin-bottom: 30px!important; + } + } li{ background-color: #fff; width: 385px; padding:20px; border-radius: 4px; + margin-bottom: 30px; &:last-child{ margin-bottom: 0px; } @@ -649,13 +694,19 @@ &:nth-child(2n){ margin-right: 0px!important; } - &>img{ + .imgBox{ + background-color: #E3E7F3; + border-radius: 8px; width: 75px; height: 75px; - border-radius: 8px; margin-right: 14px; + img{ + width: 75px; + height: 75px; + border-radius: 8px; + } } - &>div{ + .infoBox{ flex:1; .z_p_title{ font-weight:700; @@ -665,6 +716,9 @@ height: 22px; line-height: 22px; display: block; + &:hover{ + color: #466aff; + } } .z_p_desc{ color:#4c5876; @@ -687,11 +741,12 @@ display: flex; align-items: center; margin-top: 50px; - justify-content: space-between; flex-wrap: wrap; li{ padding:17px 13px; background-image: url(./img/contributebg.png); + box-shadow:0px 0px 15px rgba(49,61,113,0.06); + background-size: 100% 100%; width: 268px; height: 268px; border:1px solid #fff; @@ -699,6 +754,10 @@ flex-direction: column; align-items: center; margin-bottom: 30px!important; + margin-right: 40px; + &:nth-child(4n){ + margin-right: 0px; + } &>img{ width: 80px; height: 80px; @@ -776,16 +835,16 @@ padding:0px 40px 10px; margin:35px 0px 15px; &:nth-child(4n+1) .card_title{ - background-color: #466aff; + background-color: rgba(72, 91, 170, 1); } &:nth-child(4n+2) .card_title{ - background-color: #07a583; + background-color: rgba(54, 141, 122, 1); } &:nth-child(4n+3) .card_title{ - background-color: #8257e8; + background-color: rgba(120, 95, 181, 1); } &:nth-child(4n+4) .card_title{ - background-color: #cb7e4b; + background-color: rgba(168, 128, 101, 1); } .card_title{ height: 49px; @@ -822,7 +881,7 @@ &>img{ width: 100px; height: 100px; - border-radius: 10px; + border-radius: 50%; margin-right: 24px; } .card_u_info{