From 41d9eaf4e7401270137bc6029ff2552d81f29abd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B0=A2=E6=80=9D?= Date: Wed, 20 May 2026 16:19:17 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/forge/Information/Pages/custom/index.less | 23 +++++++++++++++++++ .../Pages/project/cateList/index.jsx | 4 ++-- src/forge/Information/index.scss | 2 +- 3 files changed, 26 insertions(+), 3 deletions(-) diff --git a/src/forge/Information/Pages/custom/index.less b/src/forge/Information/Pages/custom/index.less index f7ea1424..dc8f6bfa 100644 --- a/src/forge/Information/Pages/custom/index.less +++ b/src/forge/Information/Pages/custom/index.less @@ -167,6 +167,7 @@ } img{ width: 100%; + height: 100%; transition: .8s; object-fit: cover; } @@ -206,6 +207,20 @@ line-height: 39px; margin-top: 40px; background:linear-gradient(271.9deg,rgba(10, 145, 255, 0.12) 0.04%,rgba(43, 103, 238, 0.12) 55.24%,rgba(133, 110, 250, 0.12) 99.87%); + position: relative; + overflow: hidden; + z-index: 0; + + &::before{ + content: ""; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: linear-gradient(120deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0)); + z-index: -1; + } &:hover { background-color: #091221; @@ -213,6 +228,12 @@ .iconfont { display: inline-block; animation: arrow-move 1.2s ease-in-out infinite; + animation-delay: 0.8s; + } + &::before{ + left: 100%; + transition: left 1s ease-in-out; + transition-delay: .3s; } } } @@ -416,6 +437,7 @@ } .main_card_item_btn{ width: 120px; + transition-duration: 0.5s; } .bigimgBox{ height: 280px; @@ -452,6 +474,7 @@ .main_card_item_btn{ width: 120px; background:#ffffff; + transition-duration: 0.5s; } .imgBoxBg{ width:372px; diff --git a/src/forge/Information/Pages/project/cateList/index.jsx b/src/forge/Information/Pages/project/cateList/index.jsx index 90787807..be5d227d 100644 --- a/src/forge/Information/Pages/project/cateList/index.jsx +++ b/src/forge/Information/Pages/project/cateList/index.jsx @@ -20,14 +20,14 @@ function ProjectCateList(props) { const [ visible ,setVisible ] =useState(false); useEffect(()=>{ - if(role && typeList){ + if(typeList){ setTimeout(()=>{ InitObs(); InitScaleObs(); InitContentObs(); },200) } - },[role,typeList]) + },[typeList]) // 滚动监听元素(放大)位置增加动态效果 function InitScaleObs(){ diff --git a/src/forge/Information/index.scss b/src/forge/Information/index.scss index 000c53f7..d40a72d0 100644 --- a/src/forge/Information/index.scss +++ b/src/forge/Information/index.scss @@ -2366,7 +2366,7 @@ @keyframes fadeUpZone { from { opacity: 0; - transform: translateY(50px); + transform: translateY(100px); } to { opacity: 1;