培训预告从文章中获取

src/pages/2026/center/info.js

@@ -93,7 +93,7 @@ export const directions = [
     tasks: {
       '开源项目贡献赛道': [
         { 
-          name: 'ylong_http 支持 https 代理', 
+          name: 'Rust编程语言竞赛 -- ylong_http 支持 https 代理', 
           level: 1, 
           owner: '南京大学', 
           url: 'https://www.gitlink.org.cn/competitions/track1_2026ylong_http' 

src/pages/2026/info.js

@@ -103,5 +103,5 @@ export const menu = [
     id: 1251,
     name: '评审规则'
   }]
-    
+  export const trainId = 1390;
   export const hidenMemberType = ['与会嘉宾', '院士嘉宾']

src/pages/2026/train/index.jsx

@@ -6,13 +6,25 @@ import styles from "./index.less";
 import SpeTitle from '../components/Title';
 import Addr from '../img/train/addr.png';
 import Xing from '../img/train/trainxing.png';
-import { train } from '../info';
+import { train , trainId } from '../info';
 import { Carousel , message } from 'antd';
-import { getDocList } from '../api';
+import { getDocList , getDocDetail } from '../api';
+import HeadImgDefault from '../img/train/trainvedioBack.png';
 import _ from 'lodash';
 function TrainAnswer(){
     const { dirList } = useModel('2026Config');
     const [ informationList , setInformationList] = useState(undefined);
+    const [ trainDetail , setTrainDetail ] = useState(undefined);
+
+    useEffect(()=>{
+        if(trainId){
+            getDocDetail(trainId).then(result=>{
+                if(result){
+                    setTrainDetail(result.data);
+                }
+            })
+        }
+    },[trainId])
     
     useEffect(()=>{
         if ( JSON.stringify(dirList) !== '{}' ) {
@@ -75,8 +87,9 @@ function TrainAnswer(){
                         <p className='font17 mt20'style={{textAlign:"left",fontFamily:"alibabaPuhuiR"}}>官方培训预告实时更新，助你冲刺<br/>往期精彩与资料，尽在【<Link to={`/competitions/2026/information#guide`}>赛事动态 - 赛事解读</Link>】板块</p>
                     </div>
                     <div className={styles.trainRight}>
-                        <div className={styles.vedioBox} onClick={()=>window.open(`/zone/2026CCFkycxds/newdetail/1381`)}>
+                        <div className={styles.vedioBox} onClick={()=>window.open(trainDetail?.summary || `/zone/2026CCFkycxds/newdetail/1381`)}>
                             <div className={styles.vedioWords}>
+                                <img src={trainDetail?.headImg || HeadImgDefault} width={"100%"} height={"100%"} alt="" />
                                 {/* <p className={styles.vedioName}>第八届CCF开源创新大赛 赛事培训</p> */}
                                 {/* 2026年3月13日 17:00:00 */}
                                 {/* <div className={styles.vedioTime}><img src={Xing} width={20} className={`mr10 ${styles.shine}`}/>敬请期待<img src={Xing} width={20} className={`ml10 ${styles.shine} ${styles.delay1}`}/></div> */}

src/pages/2026/train/index.less

@@ -274,7 +274,7 @@
         width: 40%;
         margin: 0 auto;
         .vedioBox{
-            background-image: url(../img/train/trainvedioBack.png);
+            // background-image: url(../img/train/trainvedioBack.png);
             background-size: 100% 100%;
             border-radius: 15px;
             min-height: 329px;
@@ -287,6 +287,8 @@
                 justify-content: center;
                 flex-direction: column;
                 color: #fff;
+                border-radius: 15px;
+                overflow: hidden;
                 .vedioName{
                     font-family:DingTalk JinBuTi;
                     font-size:34px;