From 222dfabdc4af71a2eb020d773d833fe260b43741 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B0=A2=E6=80=9D?= Date: Mon, 29 Dec 2025 10:30:28 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/gitlink.min.css | 4 +++ src/components/button/index.jsx | 11 +++++++ src/components/button/index.scss | 27 ++++++++++++++++++ src/forge/Main/projecthome/v2/animation.scss | 6 +++- .../v2/components/communityDynamic.jsx | 14 ++++----- .../Main/projecthome/v2/components/forum.jsx | 5 ++-- .../v2/components/moreContentButton.jsx | 9 ------ .../v2/components/supplyChainGovernance.jsx | 6 ++-- src/forge/Main/projecthome/v2/index.jsx | 2 +- src/images/icon_arrow.png | Bin 0 -> 999 bytes src/images/icon_arrow_white.png | Bin 0 -> 925 bytes 11 files changed, 61 insertions(+), 23 deletions(-) create mode 100644 src/components/button/index.jsx create mode 100644 src/components/button/index.scss delete mode 100644 src/forge/Main/projecthome/v2/components/moreContentButton.jsx create mode 100644 src/images/icon_arrow.png create mode 100644 src/images/icon_arrow_white.png diff --git a/public/css/gitlink.min.css b/public/css/gitlink.min.css index 3bb196d0c..847817c56 100644 --- a/public/css/gitlink.min.css +++ b/public/css/gitlink.min.css @@ -2209,6 +2209,10 @@ a.decoration { box-sizing: border-box } +.line-normal{ + line-height: normal; +} + .lineh-12 { line-height: 12px !important } diff --git a/src/components/button/index.jsx b/src/components/button/index.jsx new file mode 100644 index 000000000..530fbfb99 --- /dev/null +++ b/src/components/button/index.jsx @@ -0,0 +1,11 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import arrowIcon from '../../images/icon_arrow.png' +import './index.scss'; + +export const slidingArrowButton = ({href="/", name="探索更多内容", classname="font-16 font-bd", imageSrc}) =>{ + return + {name} + + +} \ No newline at end of file diff --git a/src/components/button/index.scss b/src/components/button/index.scss new file mode 100644 index 000000000..aaf6e8889 --- /dev/null +++ b/src/components/button/index.scss @@ -0,0 +1,27 @@ +.slidingArrowButton{ + position: relative; + .arrowIconBox{ + display: inline-block; + overflow: hidden; + width: 25px; + height: 24px; + position: relative; + top: 5px; + } + .arrowIcon{ + width: 36px; + position: absolute; + left: -12px; + top: 7px; + transition: top 0.2s ease-out, left 0.2s ease-out; + } + &.color-white:hover{ + color: black !important; + } + &:hover{ + .arrowIcon{ + left: 7px; + top: -14px; + } + } +} \ No newline at end of file diff --git a/src/forge/Main/projecthome/v2/animation.scss b/src/forge/Main/projecthome/v2/animation.scss index eb4b08d8c..dca0f5bdd 100644 --- a/src/forge/Main/projecthome/v2/animation.scss +++ b/src/forge/Main/projecthome/v2/animation.scss @@ -20,10 +20,14 @@ .title_v2{ animation: fadeInUp 0.8s ease-out forwards; } - .news_v2, .activities-container, .open-source-collaboration-container-content, .software-factory-content, .ecosystem-alliance-content, .forum-exchange-content, .governance-grid, .repository-v2-content{ + .news_v2, .open-source-collaboration-container-content, .software-factory-content, .ecosystem-alliance-content, .forum-exchange-content, .governance-grid, .repository-v2-content{ animation: fadeInUp 0.8s ease-out forwards; animation-delay: 0.3s; } + .activities-container{ + animation: fadeInUp 0.8s ease-out forwards; + animation-delay: 0.6s; + } &.forum-exchange{ animation: resourceShow 0.8s ease-in-out forwards; } diff --git a/src/forge/Main/projecthome/v2/components/communityDynamic.jsx b/src/forge/Main/projecthome/v2/components/communityDynamic.jsx index 32f106830..18423ab0e 100644 --- a/src/forge/Main/projecthome/v2/components/communityDynamic.jsx +++ b/src/forge/Main/projecthome/v2/components/communityDynamic.jsx @@ -3,9 +3,9 @@ import React, { Fragment, useEffect, useState } from 'react'; import { getSubDocList, getNewsDetail } from '../../../../Information/api'; import { BrowserRouter as Router, Route, Link } from "react-router-dom"; import moment from 'moment'; -import moreContentButton from './moreContentButton'; +import { slidingArrowButton } from '../../../../../components/button'; -const CommunityDynamic = () => { +const CommunityDynamic = ({isVisible}) => { const [list1, setList1] = useState([]); const [list2, setList2] = useState([]); const [firstActivity, setFirstActivity] = useState(undefined); @@ -54,10 +54,10 @@ const CommunityDynamic = () => {
{firstByList1.name} -

+

{firstByList1.summary}

- + 了解更多 了解更多 @@ -97,11 +97,11 @@ const CommunityDynamic = () => { ))}
- {setActiveId(current)}}> + {isVisible && list2_home && !!list2_home.length && {setActiveId(nextId)}}> {list2_home.map((item, index)=>{ return })} - + } @@ -124,7 +124,7 @@ const CommunityDynamic = () => {
- {moreContentButton({ href: '/news' })} + {slidingArrowButton({ href: '/news' })}
); diff --git a/src/forge/Main/projecthome/v2/components/forum.jsx b/src/forge/Main/projecthome/v2/components/forum.jsx index 61341d9ac..5bd67288d 100644 --- a/src/forge/Main/projecthome/v2/components/forum.jsx +++ b/src/forge/Main/projecthome/v2/components/forum.jsx @@ -1,6 +1,7 @@ import { Divider, Icon } from 'antd'; import React, { Fragment } from 'react'; -import moreContentButton from './moreContentButton'; +import { slidingArrowButton } from '../../../../../components/button'; +import icon_arrow1 from '../../../../../images/icon_arrow_white.png'; const ForumExchange = () => { const forums = [ @@ -85,7 +86,7 @@ const ForumExchange = () => { ))}
- {moreContentButton({href:"/forums", classname:"font-16 but-to-right font-bd color-white"})} + {slidingArrowButton({href:"/forums", classname:"font-16 font-bd color-white", imageSrc: icon_arrow1})}
diff --git a/src/forge/Main/projecthome/v2/components/moreContentButton.jsx b/src/forge/Main/projecthome/v2/components/moreContentButton.jsx deleted file mode 100644 index c540a57e7..000000000 --- a/src/forge/Main/projecthome/v2/components/moreContentButton.jsx +++ /dev/null @@ -1,9 +0,0 @@ -import { Icon } from "antd"; -import React from "react"; -import { Link } from "react-router-dom"; - -function moreContentButton({href="/", name="探索更多内容", classname="font-16 but-to-right font-bd"}){ - return {name} -} - -export default moreContentButton \ No newline at end of file diff --git a/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx b/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx index 5feb56dbc..16e87de90 100644 --- a/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx +++ b/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx @@ -2,7 +2,7 @@ import React from 'react'; import icon1 from '../image/icon25.png'; import icon2 from '../image/icon22.png'; import icon3 from '../image/icon26.png'; -import moreContentButton from './moreContentButton'; +import { slidingArrowButton } from '../../../../../components/button'; const SupplyChainGovernance = () => { const governanceItems = [ @@ -81,8 +81,8 @@ const SupplyChainGovernance = () => {
- {moreContentButton({href:"/governance", classname:"font-16 but-to-right font-bd"})} -
+ {slidingArrowButton({href:"/governance"})} + ); }; diff --git a/src/forge/Main/projecthome/v2/index.jsx b/src/forge/Main/projecthome/v2/index.jsx index 89d331ced..fec8612a7 100644 --- a/src/forge/Main/projecthome/v2/index.jsx +++ b/src/forge/Main/projecthome/v2/index.jsx @@ -54,7 +54,7 @@ function Index(props) { return (
- + diff --git a/src/images/icon_arrow.png b/src/images/icon_arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..5b8b2d2a9445e865191ab9bb579206a787f03820 GIT binary patch literal 999 zcmVHV%6aer$yOb0$L=_VQbq9n*5~(vnA`C@kLjv(JAVorq zApQX)kUBCjFe6}L0cBuFDhA4c#E4XNU`ouu)FBK=6^eblb7IRlw&UKNseAXLN{t%d z`TXmv#{<^;@4q)j7_ zFrsC|Im99z*-7O4o@G({Iz-s{u&*fkbcB-yo3>wAT3&q%?{6g0w4JI7;L^}M=-1Xd zIY`2#ppmifd7Jiv{UnM$9kZ$gTsoTX-La^(7cX(N%&LNLnP`80{dkuwaS(2zoQuW} zK)Bg(oQsBVf@lc$FI=HW3!C6nEx4v7gA?HjB!aZ8Y&u-p9f1$8TfF4RD`QNCOGP7$ z-QOR%FXz>Mrou^~nVMCl(M*I>f@T_=GBlIml%kmeryR`$xKhw`hbs+@!yT(TYc?g% z!+OtSc36~{*&ZgKfc!y@)qxR8_lB4G>9FM3BX?~Wnw^CJ((FK%gh~^59 z6~X?BG;@dj#;YO+R{5Bjh;y#)Y*RunsTy?fq#{2HeCN-}GQvI&d#$#r{tv64QsKhK zI|H!EL&l(oaJj$iI9hlh{~3IJar@1ShZQNR&N~}%>$_{j_Ukey@I10;+vFKMrr3)2 zGnuxUMw|>7Z|k%NHB$TCh3UDGMALeWlYz@dV=hErkg2sz4x(^5Xip)lw!=(~a53R5 zGzhQ9gMM=}Ug99!6fP5u&WYLT)M^vC0 z2d4_nC^(g9#=xmYGXgI4Hj1$^?6TY|l0A(qN3zg-LT>k@vZ_WFoihS~M6~(|ks6yIaloRTyAZ$3R!F?5xB88~p$S zJPy0YV-;&!RWDZMxPpCEj>jz0g>BEfvWY|=E{r%L>?Q?ro9&DAy_7^Qo V@)9j|DV+cS002ovPDHLkV1gf;#o7P> literal 0 HcmV?d00001 diff --git a/src/images/icon_arrow_white.png b/src/images/icon_arrow_white.png new file mode 100644 index 0000000000000000000000000000000000000000..c4fa9208f23969017ec98936d4ac529cf86dc66a GIT binary patch literal 925 zcmV;O17iG%P)QhyPC|?z zz5o(P9T^yy5wNg;ZeU^phDsgz2E8myNEgI%ZLbc`At@#oC+5XzQ~O;To!awr;$NR* zyVf0Njy>Wy9zv5oH{7f%yx|kHO?bVB`=9Qao8S36IB3uW0Ns{T zjgy&Ci9Nh~v zc}^$b6uh&r_Iy((lT2fsfirEet#Sm1lq5KULkb|nDB}nYDS!;4j3YRt05Xg+j^L02 z$S}${f^Pql_asqyRFEGLGPo0?07RI9qVNelTJkb{bh11fD{{5<_QMe2(1per1ZS^DboEQa@OM_ZRl-oM67abGW_4Vqw2X3@r~I>jNl zUASU25wnMz(~Xz17{M8KPZf>ekZ1&Fa8Ju;S{6cGwPc>AL!*pCq7hudiU6h-u=?bW zve8pFdG@%gE>1ZTvzU)yp7yqCwc#mTJv2|dYJD^h;q0J!24@e=BRIQgp1>8Mu{r!( z=)TG5>FIQ&7)`|D)>agbtEL=fuRA;)X%5ZduG%b`gi|+w;KL@P?P&6?P6oFjmLC}e zW5)UQ>|$U&Fc(7H+4>oNXu}1z^&0r{i8EJuhkb-i_T>c4!ac36jkS4Q$-ZiW*Nw+Q z#P{kB1U4_O&2|0VkUoCuB>VMUe)=dq3