字体更新

2026-03-20 15:58:20 +08:00 · 2026-03-20 15:58:20 +08:00 · c0eb754af5
parent 1cb3335e5d
commit c0eb754af5
13 changed files with 95 additions and 29 deletions
--- a/public/font/AlibabaPuhuiR.TTF
+++ b/public/font/AlibabaPuhuiR.TTF
--- 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);
--- a/src/pages/2026/center/index.jsx
+++ b/src/pages/2026/center/index.jsx
@ -78,6 +78,7 @@ function Center(props) {

  return <div className={styles.center}>
    <SpeTitle className={styles.title} first={'两个方向'} last={'四个赛道'} english={'four tracks'}></SpeTitle>
+    <div className={styles.titleDesc}>赛题陆续开放中</div>
    <div className={ styles.search_wrap }>
      <div className={styles.search}>
        <input type="text" placeholder="请输入赛题名称或关键词进行搜索" value={searchKeyword} onChange={(e) => setSearchKeyword(e.target.value)} />
--- 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;
--- 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;
--- 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);
      <p className="homeSubtitle"><img src={Left} width={16}/>four tracks<img src={Right} width={36}/></p>
      <p className='homeMaintitle title-animate'><span>赛事动态</span><span>亮点剧透</span></p>
      <div className="tabPanel">
-        <Input 
-          className="searchInput" 
-          value={ title } 
-          // onBlur={ (e) => { setTitle(e.target.value) } }
-          onChange={ (e) => { setTitle(e.target.value) } }
-          onPressEnter={()=>{setSearchTitle(title)}}
-          placeholder="请搜索文章标题关键词"
-          suffix={<img src={Search} width={16}/>}
-        />
+        <div className='searchDataBox'>
+          <Input 
+            className="searchInput" 
+            value={ title } 
+            // onBlur={ (e) => { setTitle(e.target.value) } }
+            onChange={ (e) => { setTitle(e.target.value) } }
+            onPressEnter={()=>{setSearchTitle(title)}}
+            placeholder="请搜索文章标题关键词"
+            suffix={<img src={Search} width={16}/>}
+          />
+        </div>
      </div>
      <div className="part bannerAll">
        <img src={Infoleftbanner} width={800} style={{marginRight:"90px"}}/>
@ -149,6 +152,7 @@ console.log(information,dirList);
                  k < 4 && <div className='activeCard' key={k}>
                    <Link className='name task-hide' to={ `/competitions/2026/information/${ e.id }` }>{e.name}</Link>
                    <span className='time'>{e.publishTime}</span>
+                    <img src={BlueArrow} width={12}/>
                  </div>
                )
              })
--- 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;
--- 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;
--- 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({})

--- 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;
            }
        }
    }
--- 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{
--- 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;
--- 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;