diff --git a/public/font/AlibabaPuhuiR.TTF b/public/font/AlibabaPuhuiR.TTF new file mode 100644 index 000000000..9f8ab8d8f Binary files /dev/null and b/public/font/AlibabaPuhuiR.TTF differ diff --git a/src/layouts/index.less b/src/layouts/index.less index a87b37ea1..d4e853f6b 100644 --- a/src/layouts/index.less +++ b/src/layouts/index.less @@ -6,6 +6,10 @@ font-family: alibabaPuhuiM; src: url(../../public/font/alibabaPuhuiM.ttf); } +@font-face { + font-family: alibabaPuhuiR; + src: url(../../public/font/AlibabaPuhuiR.ttf); +} @font-face { font-family: DouyinSansBold; src: url(../../public/font/DouyinSansBold.ttf); diff --git a/src/pages/2026/center/index.jsx b/src/pages/2026/center/index.jsx index 6d4e98d0f..7bda48718 100644 --- a/src/pages/2026/center/index.jsx +++ b/src/pages/2026/center/index.jsx @@ -78,6 +78,7 @@ function Center(props) { return
+
赛题陆续开放中
setSearchKeyword(e.target.value)} /> diff --git a/src/pages/2026/center/index.less b/src/pages/2026/center/index.less index 8f57d041f..d9ca1df7f 100644 --- a/src/pages/2026/center/index.less +++ b/src/pages/2026/center/index.less @@ -9,7 +9,10 @@ .title { padding-top: 160px; } - + .titleDesc{ + margin-top: 20px; + font-size: 18px; + } .search_wrap { margin-top: 22px; width: 680px; diff --git a/src/pages/2026/home/index.less b/src/pages/2026/home/index.less index 24aae3779..44d1e3723 100644 --- a/src/pages/2026/home/index.less +++ b/src/pages/2026/home/index.less @@ -262,6 +262,7 @@ text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; + font-family: alibabaPuhuiR; -webkit-line-clamp: 2; opacity: 0.9; } @@ -321,6 +322,7 @@ } .l_desc{ line-height:32px; + font-family: alibabaPuhuiR; } .l_btn{ height:50px; @@ -465,7 +467,7 @@ opacity: 0.9; font-size: 15px; margin:0px; - font-family:alibabaPuhuiM; + font-family:alibabaPuhuiR; line-height:20px; } &:first-child{ @@ -568,6 +570,7 @@ color:#091221; font-size:16px; line-height:28px; + font-family:alibabaPuhuiR; } } } @@ -678,6 +681,7 @@ color:#091221; font-size:16px; margin-top: 20px; + font-family: alibabaPuhuiR; } .newsNameGra{ position: relative; @@ -689,9 +693,9 @@ top: 21px; content: ""; background-image: url(../img/bluearrow.png); + background-size: 100% 100%; width:12px; height: 12px; - background-size: 100% 100%; opacity: 0; transition: 0.4s; } @@ -731,6 +735,7 @@ color:#091221; font-size:16px; margin-bottom: 34px; + font-family: alibabaPuhuiR; } .dynamicsBanner{ padding:30px; diff --git a/src/pages/2026/information/index.jsx b/src/pages/2026/information/index.jsx index 5e3044d8f..7718ab182 100644 --- a/src/pages/2026/information/index.jsx +++ b/src/pages/2026/information/index.jsx @@ -11,6 +11,7 @@ import Infoleftbanner from '../img/infoleftbanner.png'; import Resource from '../img/resource.png'; import Search from '../img/infosearch.png'; import { throttle } from '@/utils/mettingUtil'; +import BlueArrow from '../img/bluearrow.png'; function Information() { const [ isSpin , setIsSpin ] = useState(false); @@ -128,15 +129,17 @@ console.log(information,dirList);

four tracks

赛事动态亮点剧透

- { setTitle(e.target.value) } } - onChange={ (e) => { setTitle(e.target.value) } } - onPressEnter={()=>{setSearchTitle(title)}} - placeholder="请搜索文章标题关键词" - suffix={} - /> +
+ { setTitle(e.target.value) } } + onChange={ (e) => { setTitle(e.target.value) } } + onPressEnter={()=>{setSearchTitle(title)}} + placeholder="请搜索文章标题关键词" + suffix={} + /> +
@@ -149,6 +152,7 @@ console.log(information,dirList); k < 4 &&
{e.name} {e.publishTime} +
) }) diff --git a/src/pages/2026/information/index.less b/src/pages/2026/information/index.less index e878a4161..ddb838b40 100644 --- a/src/pages/2026/information/index.less +++ b/src/pages/2026/information/index.less @@ -26,6 +26,18 @@ align-items: center; font-size: 14px; margin-left: 80px; + position: relative; + overflow: hidden; + &:hover{ + .time{ + opacity: 0; + transform: scaleY(70px); + } + img{ + opacity: 1; + transform: scaleY(0px); + } + } .name{ font-size: 17px; color:#091221; @@ -37,9 +49,20 @@ color: #0d2097; } } + img{ + position: absolute; + right: 20px; + top: 28px; + opacity: 0; + transition: 0.5s; + transform: scaleY(70px); + } .time{ margin-left: auto; color:#6f728c; + transition: 0.1s; + opacity: 1; + font-family: alibabaPuhuiR; } &:nth-child(2n){ margin-left: 0px; @@ -142,14 +165,34 @@ width: 660px; background-image: url(../img/searchBack.png); background-size: 100% 100%; - + .searchDataBox{ + position: relative; + overflow: hidden; + padding:2px; + z-index: 10; + border-radius: 28px; + + &::before{ + z-index: -2; + position: absolute; + content: ""; + width: 214%; + height: 1225%; + left: -60%; + top: -575%; + animation: buttonBorderSpin 6s linear infinite forwards; + background: conic-gradient(from 180deg at 50% 50%,#9a8bff 0deg,#ffac8b 45deg,transparent 90deg,transparent 180deg,#9a8bff 180deg,#ffac8b 225deg,transparent 270deg); + } + } .searchInput{ + padding: 0px; margin:0px auto; width:660px; height:55px; background:#fff; border:1px solid transparent; border-radius:28px; + padding:0px; .ant-input{ background-color: transparent; color:#2b3369; @@ -166,12 +209,13 @@ .ant-input-suffix{ width:39px; height:39px; - margin-top: 4px; + margin-top: 6px; display: flex; align-items: center; justify-content: center; background:#091221; border-radius:50%; + margin-right: 10px; } } .anchor { @@ -201,6 +245,8 @@ width: 100%; text-align: left; animation: scroll 4s infinite; + font-family: alibabaPuhuiR; + font-size:16px; &:nth-child(2) { animation-delay: 2s; /* 延迟2秒开始动画 */ } @@ -233,7 +279,7 @@ } } .card-header { - padding:30px 10px; + padding:30px 5px; position: relative; font-family: alibabaPuhuiM; .card-title { @@ -249,6 +295,7 @@ color: #091221; text-align: left; display: block; + padding-right: 5px; } .card-arrow { @@ -459,7 +506,7 @@ } .item-left { font-family: PingFang SC; - color: #6233DE; + color: #0d2097; font-size: 24px; margin-right: 30px; flex-shrink: 0; @@ -482,7 +529,7 @@ top: 8px; position: relative; &:hover{ - color: #6233DE; + color: #0d2097; &::after{ background-position: -4px -20px; } @@ -506,6 +553,7 @@ font-size: 16px; line-height: 32px; margin-top: 20px; + font-family: alibabaPuhuiR; } .item-time{ display: flex; diff --git a/src/pages/2026/organization/index.less b/src/pages/2026/organization/index.less index 6cbd73f33..e8abb13c2 100644 --- a/src/pages/2026/organization/index.less +++ b/src/pages/2026/organization/index.less @@ -195,7 +195,7 @@ margin-bottom: 35px; border:1px solid #fff; &:hover{ - border-color: #6233DE; + border-color: #0d2097; } &:nth-child(6n){ margin-right: 0px; diff --git a/src/pages/2026/schedule/index.jsx b/src/pages/2026/schedule/index.jsx index 301453652..559741e30 100644 --- a/src/pages/2026/schedule/index.jsx +++ b/src/pages/2026/schedule/index.jsx @@ -10,7 +10,7 @@ import { Base64 } from 'js-base64' function Schedule(props) { - const [selectedRule, setSelectedRule] = useState(ruleList[1].id) + const [selectedRule, setSelectedRule] = useState(ruleList[0].id) const [ruleInfoList, setRuleInfoList] = useState({}) diff --git a/src/pages/metting/banner/index.less b/src/pages/metting/banner/index.less index 44672a2a1..6bc0dc9cc 100644 --- a/src/pages/metting/banner/index.less +++ b/src/pages/metting/banner/index.less @@ -22,7 +22,7 @@ color: #252B3A; padding-right: 100px; &.active{ - color: #6233DE; + color: #0d2097; } } } diff --git a/src/pages/metting/home/index.less b/src/pages/metting/home/index.less index 04f976ed0..1b803a681 100644 --- a/src/pages/metting/home/index.less +++ b/src/pages/metting/home/index.less @@ -279,7 +279,7 @@ } .applicationBtn{ background: #fff; - color: #6233DE; + color: #0d2097; margin-left: 66px; // display: none; margin-top: 0px; @@ -409,7 +409,7 @@ margin-bottom: 35px; border:1px solid #fff; &:hover{ - border-color: #6233DE; + border-color: #0d2097; } } a{ diff --git a/src/pages/metting/information/index.less b/src/pages/metting/information/index.less index 8cf186bea..21c52e322 100644 --- a/src/pages/metting/information/index.less +++ b/src/pages/metting/information/index.less @@ -18,7 +18,7 @@ color: #1F2329; cursor: pointer; &.active{ - color: #6233DE; + color: #0d2097; } &.active::after{ width: 2px; @@ -112,7 +112,7 @@ bottom: 0px; } &.active,&:hover{ - color: #6233DE; + color: #0d2097; } } .searchInput{ @@ -120,7 +120,7 @@ right: 0px; background-color: #fff; &:hover,&.ant-input-affix-wrapper:focus{ - border-color: #6233DE!important; + border-color: #0d2097!important; box-shadow: 0 0 0 2px rgba(98, 51, 222, 0.1)!important; } } @@ -163,7 +163,7 @@ .item-left { font-family: PingFang SC; font-weight: 700; - color: #6233DE; + color: #0d2097; font-size: 24px; margin-right: 30px; flex-shrink: 0; @@ -174,6 +174,7 @@ color: #5F6577; font-size: 14px; margin-bottom: 10px; + font-family: alibabaPuhuiR; } .item-title { font-weight: 700; @@ -182,7 +183,7 @@ margin-top: 20px; display: block; &:hover{ - color: #6233DE; + color: #0d2097; } } .item-desc { @@ -194,7 +195,7 @@ } .read-more { float: right; - color: #6233DE; + color: #0d2097; font-size: 15px; margin-top: 10px; display: flex; diff --git a/src/pages/metting/organization/index.less b/src/pages/metting/organization/index.less index 651d149d1..dc373d112 100644 --- a/src/pages/metting/organization/index.less +++ b/src/pages/metting/organization/index.less @@ -189,7 +189,7 @@ margin-bottom: 35px; border:1px solid #fff; &:hover{ - border-color: #6233DE; + border-color: #0d2097; } &:nth-child(6n){ margin-right: 0px;