diff --git a/src/pages/2026/banner/index.jsx b/src/pages/2026/banner/index.jsx index 45f5ffb5b..a9d52312b 100644 --- a/src/pages/2026/banner/index.jsx +++ b/src/pages/2026/banner/index.jsx @@ -1,6 +1,6 @@ import './index.less'; import { useModel , useLocation , Link } from 'umi'; -import { useEffect } from 'react'; +import { useEffect, useState } from 'react'; import { setDocumentTitle } from '@/utils/util'; import { menu } from '../info'; import BannerImg from '../img/mainbanner.png'; @@ -8,6 +8,15 @@ import BannerImg from '../img/mainbanner.png'; function Banner(props) { const location = useLocation(); const { mainInfo } = useModel('2026Config'); + const [ randomNumber , setRandomNumber] = useState(1); + + useEffect(()=>{ + const intervalId = setInterval(()=>{ + const number = Math.floor(Math.random()*7) + 1; + setRandomNumber(number); + },3000) + return ()=>clearInterval(intervalId); + },[]) const isMain = ()=>{ return location.pathname === "/competitions/2026" } @@ -26,20 +35,20 @@ function Banner(props) { return(
introduce
赛事介绍亮点剧透
-
- { i.name }
-
-
+ + + { i.name } + +
{i.summary}
diff --git a/src/pages/2026/home/index.less b/src/pages/2026/home/index.less
index 4b91671fd..24aae3779 100644
--- a/src/pages/2026/home/index.less
+++ b/src/pages/2026/home/index.less
@@ -162,6 +162,13 @@
margin-top: 40px;
width: 100%;
padding-left: 0px;
+ transform: translateX(100%);
+ transition:transform 1s;
+ opacity: 0;
+ &.teamShow{
+ opacity: 1;
+ transform: translateX(0px);
+ }
li{
height: 343px;
padding:30px 30px 34px 30px;
@@ -455,7 +462,7 @@
margin-top:0px;
}
.trackdesc{
- opacity: 0.8;
+ opacity: 0.9;
font-size: 15px;
margin:0px;
font-family:alibabaPuhuiM;
@@ -672,22 +679,38 @@
font-size:16px;
margin-top: 20px;
}
+ .newsNameGra{
+ position: relative;
+ margin-top: 13px;
+ margin-bottom: 0px!important;
+ &::after{
+ position: absolute;
+ right: -16px;
+ top: 21px;
+ content: "";
+ background-image: url(../img/bluearrow.png);
+ width:12px;
+ height: 12px;
+ background-size: 100% 100%;
+ opacity: 0;
+ transition: 0.4s;
+ }
+ &:hover{
+ .newName{
+ color: #0d2097;
+ }
+ &::after{
+ opacity: 1;
+ }
+ }
+ }
.newName{
color:#091221;
font-size:18px;
margin-top: 13px;
cursor: pointer;
text-align: justify;
- img{
- opacity: 0;
- transition: 0.4s;
- }
- &:hover{
- color: #0d2097;
- img{
- opacity: 1;
- }
- }
+ display: block;
}
&:first-child{
padding-top: 0px;
@@ -844,6 +867,15 @@
}
}
.carouselBox{
+ .slick-list{
+ border-radius: 16px;
+ }
+ img{
+ transition: 0.5s;
+ }
+ img:hover{
+ transform: scale(1.1);
+ }
.slick-dots{
bottom: -15px!important;;
}
diff --git a/src/pages/2026/organization/index.jsx b/src/pages/2026/organization/index.jsx
index 48a25e958..5bdcaaca7 100644
--- a/src/pages/2026/organization/index.jsx
+++ b/src/pages/2026/organization/index.jsx
@@ -47,7 +47,7 @@ function Organization() {
// }
const Init=()=>{
- getDocList(658).then(res => {
+ getDocList(1260).then(res => {
if( res?.rows?.length > 0){
let arr = [];
for(let i=0;iORGANIZARIONAL STRUCTURE
组织架构四个文字
+组织架构合作伙伴