From 6a3333510d4aed9130cce629149df1273a56a02e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B0=A2=E6=80=9D?= <2897217417@qq.com>
Date: Wed, 6 Nov 2024 14:22:34 +0800
Subject: [PATCH] =?UTF-8?q?uos=E4=B8=93=E5=8C=BA=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=20fix=20#123152?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/forge/Information/Pages/JCC/homePage.jsx  |   2 +-
 src/forge/Information/Pages/headerPage.jsx    |   4 +-
 .../Information/Pages/headerPagebyCCF.jsx     |   2 +-
 .../Pages/homepage/component/introduction.jsx |  11 +++-
 .../Pages/homepage/component/news.jsx         |   8 ++-
 .../Pages/homepage/component/project.jsx      |  53 ++++++++++++++----
 .../homepage/component/specialProjects.jsx    |  22 ++------
 .../Information/Pages/homepage/image/left.png | Bin 0 -> 2379 bytes
 .../Pages/homepage/image/proType4.png         | Bin 0 -> 1542 bytes
 .../Pages/homepage/image/proType4_active.png  | Bin 0 -> 3435 bytes
 .../Pages/homepage/image/proType5.png         | Bin 0 -> 922 bytes
 .../Pages/homepage/image/proType5_active.png  | Bin 0 -> 1704 bytes
 .../Pages/homepage/image/right.png            | Bin 0 -> 2384 bytes
 .../Information/Pages/homepage/index.scss     |  47 ++++++++++++++--
 14 files changed, 109 insertions(+), 40 deletions(-)
 create mode 100644 src/forge/Information/Pages/homepage/image/left.png
 create mode 100644 src/forge/Information/Pages/homepage/image/proType4.png
 create mode 100644 src/forge/Information/Pages/homepage/image/proType4_active.png
 create mode 100644 src/forge/Information/Pages/homepage/image/proType5.png
 create mode 100644 src/forge/Information/Pages/homepage/image/proType5_active.png
 create mode 100644 src/forge/Information/Pages/homepage/image/right.png

diff --git a/src/forge/Information/Pages/JCC/homePage.jsx b/src/forge/Information/Pages/JCC/homePage.jsx
index 999876ee7..8faf02091 100644
--- a/src/forge/Information/Pages/JCC/homePage.jsx
+++ b/src/forge/Information/Pages/JCC/homePage.jsx
@@ -141,7 +141,7 @@ function HeaderPageJCC(props){
             </div>
           {
             data.introductionImage &&
-            <img src={data.introductionImage} alt="" width="600px" height="361px"/>
+            <img src={data.introductionImage.split(",")[0]} alt="" width="600px" height="361px"/>
           }
         </div>
       }
diff --git a/src/forge/Information/Pages/headerPage.jsx b/src/forge/Information/Pages/headerPage.jsx
index cc21f1535..654fa1dc7 100644
--- a/src/forge/Information/Pages/headerPage.jsx
+++ b/src/forge/Information/Pages/headerPage.jsx
@@ -79,8 +79,8 @@ function HeaderPage(props){
             <p className="z_desc task-hide-2" style={{WebkitLineClamp:data.introductionTitle?"4":"7"}} dangerouslySetInnerHTML={{ __html: data.introductionContent }} ></p>
           </div>
           {
-            data.introductionImage &&
-            <img src={data.introductionImage} alt="" width="300px"/>
+            data.introductionImage && 
+            <img src={data.introductionImage.split(",")[0]} alt="" width="300px"/>
           }
         </div>
       }
diff --git a/src/forge/Information/Pages/headerPagebyCCF.jsx b/src/forge/Information/Pages/headerPagebyCCF.jsx
index d73326d70..6aec57866 100644
--- a/src/forge/Information/Pages/headerPagebyCCF.jsx
+++ b/src/forge/Information/Pages/headerPagebyCCF.jsx
@@ -237,7 +237,7 @@ function HeaderPageCCF(props) {
 					</div>
 					{
 						data.introductionImage &&
-						<img src={data.introductionImage} alt="" width="300px" />
+						<img src={data.introductionImage.split(",")[0]} alt="" width="300px" />
 					}
 				</div>
 			}
diff --git a/src/forge/Information/Pages/homepage/component/introduction.jsx b/src/forge/Information/Pages/homepage/component/introduction.jsx
index ff6aacb97..d41150424 100644
--- a/src/forge/Information/Pages/homepage/component/introduction.jsx
+++ b/src/forge/Information/Pages/homepage/component/introduction.jsx
@@ -1,6 +1,7 @@
 import React , { useEffect, useState } from 'react';
 import { getZoneStatistics } from '../../../api';
 import '../index.scss';
+import { Carousel } from 'antd';
 
 // 专区简介，文字在左，图在右
 // statistics: 是否展示统计区域
@@ -28,9 +29,13 @@ function Introduction({data, statistics=true}) {
         {firstTitle}
         <span className='firstTitle_back font-34'>ABOUT  US</span>
       </div>
-      <div>
-        {introductionImage && <img src={introductionImage} alt="" width="526px" align="right" hspace="35" vspace="10"/>}
-        {introductionContent && <span dangerouslySetInnerHTML={{ __html: introductionContent }} className='font-16' style={{lineHeight: '40px'}}></span>}
+      <div className='clearfix'>
+        {introductionImage && <Carousel className='intro_1_carousel zone_1_carousel' autoplay={true}>
+          {introductionImage.split(",").map((item, index) => {
+            return <img key={index} src={item} alt="" className='intro_image'/>;
+          })}
+        </Carousel>}
+        {introductionContent && <span dangerouslySetInnerHTML={{ __html: introductionContent }} className='font-16 intro_1_I' style={{lineHeight: '40px'}}></span>}
       </div>
       {statistics && <div className='df wrap pt50 between width1200'>
         {Object.keys(label).map(item=>{
diff --git a/src/forge/Information/Pages/homepage/component/news.jsx b/src/forge/Information/Pages/homepage/component/news.jsx
index 065868d5d..83da8459e 100644
--- a/src/forge/Information/Pages/homepage/component/news.jsx
+++ b/src/forge/Information/Pages/homepage/component/news.jsx
@@ -131,7 +131,7 @@ function News({data, subTitle, firstDirIntro, secondDirIntro}) {
         {/* 第一个顺序栏目 */}
         {firstDir && <div className='firstDir clearfix'>
           <p className='font-16 task-hide'>
-            {firstDir.name}
+            <Link style={{color: 'white'}} to={`/zone/uos/news/${firstDir.id}`} onClick={()=>{window.scrollTo(0,450)}}>{firstDir.name}</Link>
             <Link style={{color: 'white'}} className='fr font-15' to={`/zone/uos/news/${firstDir.id}`} onClick={()=>{window.scrollTo(0,450)}}>更多<Icon type="arrow-right" className="ml5"/></Link>
           </p>
           <div style={{fontFamily:"FangSong", height: 200}} className='font-24 ml85 mr80 flexCenter font-bd'>{firstDirIntro}</div>
@@ -147,7 +147,9 @@ function News({data, subTitle, firstDirIntro, secondDirIntro}) {
               <img src={dirpng}/>
             </div>
             <div>
-              <p className='font-17 font-bd task-hide'>{secondDir.name}</p>
+              <p className='font-17 font-bd task-hide'>
+                <Link to={`/zone/uos/news/${secondDir.id}`} onClick={()=>{window.scrollTo(0,450)}}>{secondDir.name}</Link>
+              </p>
               <p className='color627'>{secondDirIntro}</p>
             </div>
           </div>
@@ -164,7 +166,7 @@ function News({data, subTitle, firstDirIntro, secondDirIntro}) {
           </Row>
         </div>}
       </div>
-      {dirs && !!dirs.length && <div className='df wrap backWhite pt15 pb15 pl10 pr10'>
+      {dirs && !!dirs.length && <div className='df wrap backWhite pt30 pb15 pl10 pr10'>
         {renderItems()}
       </div>}
     </div>
diff --git a/src/forge/Information/Pages/homepage/component/project.jsx b/src/forge/Information/Pages/homepage/component/project.jsx
index 5ce2c275e..e3b6cf8c1 100644
--- a/src/forge/Information/Pages/homepage/component/project.jsx
+++ b/src/forge/Information/Pages/homepage/component/project.jsx
@@ -3,6 +3,43 @@ import '../index.scss';
 import { getProjectListByScore, getProjectsTypeLists } from '../../../api';
 import { Carousel, Divider, Spin } from 'antd';
 import Nodata from '../../../../Nodata';
+import Slider from 'react-slick';
+ 
+export function TypeCarousel({pageSize=4, list=[], typeId, onClick}) {
+  const setting = {
+    prevArrow: <img src={require('../image/left.png')} alt=''/>,
+    nextArrow: <img src={require('../image/right.png')} alt=''/>,
+    afterChange: (currentSlide)=>{onClick(list[currentSlide*pageSize].id)}
+  }
+  const pages = []
+  for (let i = 0; i < Math.ceil(list.length / pageSize); i++) {
+    const start = i * pageSize;
+    const end = start + pageSize;
+    pages.push(list.slice(start, end));
+  }
+  return <Slider {...setting} className='mb60'>
+    {pages.map((page, index)=>{
+      return <div key={index}>
+        <div className='flexCenter align'>
+          {page.map((item, i) => {
+            const order = index*pageSize+i
+            return <div key={i} className={`proTypeBox flexCenter ml15 mr15 pl10 pr10 pointer ${typeId === item.id && "active"}`} onClick={() => { onClick(item.id) }}>
+              {/* 项目 */}
+              <span className={`p_1_icon icon${i} mr5`}></span>
+              {/* 专项项目 */}
+              <span className={`s_p_order font-25 mr10 color-blue`}>
+                <span className='s_p_order_1'>{order < 9 ? `0${order+1}` : order+1}</span>
+                <span className={`s_p_order_icon s_p_order_icon${i}`}></span>
+                <img src={require('../image/s_project3.png')} width="18"/>
+              </span>
+              <span className='font-17 font-bd task-hide' title={item.name}>{item.name}</span>
+            </div>
+          })}
+        </div>
+      </div>
+    })}
+  </Slider>
+}
 
 function Project({ data, subTitle }) {
   const { id, homepageProjectTitle } = data || {};
@@ -15,7 +52,10 @@ function Project({ data, subTitle }) {
   const pages = [];
 
   useEffect(() => {
-    id && getProjectsTypeLists(id).then(result => {
+    id && getProjectsTypeLists(id, {
+      pageNum: 1,
+      pageSize: 100,
+    }).then(result => {
       if (result) {
         const rows = result.data.rows;
         rows[0] && setTypeId(rows[0].id)
@@ -52,19 +92,12 @@ function Project({ data, subTitle }) {
     <div className='project_1 width1200 pt50 pb60'>
       <p className='font-bd font-30 mb15 align task-hide'>{homepageProjectTitle}</p>
       <p className='font-16 align color212 mb30'>{subTitle}</p>
-      <div className='flexCenter align'>
-        {typeList.slice(0, 3).map((item, index) => {
-          return <div className={`proTypeBox flexCenter font-17 mr30 pointer ${typeId === item.id && "active"}`} onClick={() => { setTypeId(item.id); setPage(1) }}>
-            <span className={`icon${index} mr5`}></span>
-            {item.name}
-          </div>
-        })}
-      </div>
+      <TypeCarousel pageSize={5} list={typeList} typeId={typeId} onClick={(id)=>{setTypeId(id); setPage(1)}}/>
       <Spin spinning={loading}>
         <Carousel className='zone_1_carousel' afterChange={(current)=>{setLoading(true);setPage(current+1)}}>
           {pages.map((page1, index) => (
             <div key={index}>
-              <div className='df wrap between mt60 pl10 pr10 mb25'>
+              <div className='df wrap between pl10 pr10 mb25'>
                 {lists.map((i, index) => {
                   const { extra: { commitCount, contributorsCount, lastWeekScore, scoreChange } } = i || {}
                   const order = page >= 2 ? (page-1)*6+index+1 : index+1;
diff --git a/src/forge/Information/Pages/homepage/component/specialProjects.jsx b/src/forge/Information/Pages/homepage/component/specialProjects.jsx
index 3947f4132..f3a491954 100644
--- a/src/forge/Information/Pages/homepage/component/specialProjects.jsx
+++ b/src/forge/Information/Pages/homepage/component/specialProjects.jsx
@@ -3,6 +3,7 @@ import { getSpecialProjectDetail, getSpecialProjectList, getSpecialProjectTypeLi
 import { Col, Divider, Row, Tag } from 'antd';
 import Nodata from '../../../../Nodata';
 import '../index.scss';
+import { TypeCarousel } from './project';
 
 function SpecialProjects({data, subTitle}) {
   const {key, homepageSpecialProjectTitle, id} = data || {};
@@ -15,7 +16,7 @@ function SpecialProjects({data, subTitle}) {
   useEffect(()=>{
     id && getSpecialProjectTypeList(id, {
       pageNum: 1,
-      pageSize: 4,
+      pageSize: 100,
     }).then(res=>{
       if(res){
         const rows = res.data.rows;
@@ -120,13 +121,13 @@ function SpecialProjects({data, subTitle}) {
       currentRow.push(
         <div
           key={item.id}
-          className={`s_p_detail ${selectedItem === item.id ? 'active' : ''}`}
+          className={`s_p_detail df between ${selectedItem === item.id ? 'active' : ''}`}
           onClick={() => handleItemClick(item.id)}
         >
           <span className={`font-bd font-22 s_p_d_order align s_p_d_order${index+1}`}>{index+1}</span>
           <div className='font-bd font-17 task-hide-2 mb5'>{item.name}</div>
-          <div className='task-hide-2 color6B7' style={{minHeight: '56px'}}>摘要：{item.description}</div>
-          <p style={{color: '#75798A'}} className='mt3'><i className='iconfont icon-chengyuan2 font-15 mr5'></i>{item.projectLeader}</p>
+          <div className='task-hide-2 color6B7'>摘要：{item.description}</div>
+          <p style={{color: '#75798A'}} className='mt6'><i className='iconfont icon-chengyuan2 font-15 mr5'></i>{item.projectLeader}</p>
         </div>
       );
 
@@ -171,18 +172,7 @@ function SpecialProjects({data, subTitle}) {
     <div className='specialProjects_1 width1200 pt50 pb60'>
       <p className='font-bd font-30 mb15 align task-hide'>{homepageSpecialProjectTitle}</p>
       <p className='font-16 align color212 mb50'>{subTitle}</p>
-      <div className='flexCenter align mb50'>
-        {typeList.map((item, index)=>{
-          return <div className={`proTypeBox flexCenter mr30 color212 pointer pl5 pr5 ${typeId === item.id && "active"}`} onClick={()=>{setTypeId(item.id)}}>
-            <span className={`s_p_order font-25 mr10 color-blue`}>
-              <span className='s_p_order_1'>{index < 9 ? `0${index+1}` : index+1}</span>
-              <span className={`s_p_order_icon s_p_order_icon${index}`}></span>
-              <img src={require('../image/s_project3.png')} width="18"/>
-            </span>
-            <span className='font-17 font-bd task-hide'>{item.name}</span>
-          </div>
-        })}
-      </div>
+      <TypeCarousel pageSize={3} list={typeList} typeId={typeId} onClick={(id)=>{setTypeId(id);}}/>
       <div className='df wrap between'>
         {renderItems()}
         <div style={{margin: '0 auto'}}>{!projectList.length && <Nodata _html="暂无数据"/>}</div>
diff --git a/src/forge/Information/Pages/homepage/image/left.png b/src/forge/Information/Pages/homepage/image/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..b41f9df80d1697370b6c0665bccdb9f38fda73b2
GIT binary patch
literal 2379
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

literal 0
HcmV?d00001

diff --git a/src/forge/Information/Pages/homepage/image/proType4.png b/src/forge/Information/Pages/homepage/image/proType4.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2002889fb11c6251c6993bcc9ed96fce9156afc
GIT binary patch
literal 1542
zcmV+h2Ko7kP)<h;3K|Lk000e1NJLTq001@s001xu1^@s6S{#YM00004b3#c}2nYxW
zd<bNS000HONkl<ZXhYpvTT&ZG6zv|#-^eS-@S6&+6(Fy`IFi4C6-2BcumWHO#@`l+
zSb@a~EJ7;3j8|asjWnHeduBwdr+fM#;iNoOR8i9O<J^1u+;eY>vmf-~KPWD?c3|o5
zL5I!T`<S_lzg@;e${9~p0}3WG#(2gAo8WKETC>}1GMcW_$ZG?ZZuQ@?L>vLcLCgjL
zb_9^4?62#OG2`_yD+5cndIv0F=ek#7Hz&O**y*YOqk$phQYP9TFhMsKMAJCI5T;N3
zIQ!?*Bxe37VCmMcM=aswrB2MEA!CFP19<N;WDLC<3@qL5pL5Ozp$o0@KEm@VySqLP
znIi~Ty3<4G@gr@4M?vfs@xVa)zQaPnc>{x|PO*{Sm5mS}9P;6X@8(SJ8RoT47Xr=;
z7%?AD_@7I;NU)PtK~?jm+r10U`ENc3f-$|;bpk8cuk}SIiif+Q92>GJed8j}kF)zf
zuF_xnUEX4!eSpzB;)(CM*wPJbr~lbR=?h>xy>GGXNR*!44fjZ`aMAwe4Xhm3^nN3-
zCQDYpHh22iU;Kl?W0UN1%~*Nc_FgkEi??X9bpdk$uzgPo1u0-N7?>;W8-Rf=q5DYW
zGPVmQeH*)Z*SIFHSv>|)xB^oh+9tOEd&I%+ss}s$`TZ_?m0#f;?zlD@`aOj)&gdJ{
zI6E*0DVTtPif@ntq`FVH-tTAkpKj&<RLY3fH~<`Z{R%@nFfPrvVGT(>+eFDj(XsRx
zfw{uacE$kg7Qng{%Sj>2XK$$1a)G0<a%Wt07@v2m`m9VhBb!ld;b;a{R~a>f89k;P
z=qi+D8N%m#5*)&kzY^op1CL-s6qmfChwsA6@ECccFjNb&jsK)?1fKl}k$mLmvF-lI
zb?9y6u}Hc|?8r@|AvcyhNA;WF)9mjd0kl5Qr4JN}rBO0l6jf2;3vBEXs8(RAhqn6z
z%yUkQ!m^jJthFj21%q1SkmV5B9PI?or3O_A!bE6@h$(3QwHGj-q}!CoR1grk3nPhK
zyvy#dkqStP^+y1*fiw6{hABK`tHQM?AWtqm)n3#Ojc06CVA9g1o-5DQm%{ouQ+!S=
zHl<>fC&`DRu|tI+Pi=9jCSw?2q7%vY1*YgZwKP$^>0`hO?7~n=cvs(jS761tVrQWL
zQyF@SrSUn=lWfa*ceJXxOeEqBOg$I2@bJ}&rjWGF+4Q-dBb9d_v6ou!#g@mS>0aNQ
z#%kULWo@1^`P1iW2#3<W-Ug@{vzZmy8Ox#LkgKF}U~F2c4_l&jc~K>hWndu*+M}Yi
z<}pX<ZfY~QK<Ol*riLI%Rl1vc=~nS+1}45f++9oBE<41BP#GC$WWtg;_2)?*ks_((
zA{RJ#><)<-cL7=`hKOLfv52x|Dc=~zOKDYHQUo_z)w5KEqV0Uq{_SOpBOF~?vGN*E
zK<x(c>hh2ec|;YOh1Z_tkiJlZR-Ce2oKW|v8dJ8!2Lbh14R<|{J%_!?NH5mRk=H_e
zexeqElw5H$L&7+?T_B}b&Ih=vI-qX!O3j=muX!hE^xfH0a=FwlpcIg|kW!kfV_UeY
zL}Gi#-B(oVDs_@)U_G#2y#TD85o)vL>>|4#-Yi0tS_XNWJV@n?m4Rz>t)pT3OafYq
zo6lZXDxLA<NMD>o3mPll@?sD4f3qn6|BDv)!n#_!z*RUF`Nr-|S;7bulXO#)hzp+^
zQCk}zm^}0WdTx^h@symI`slWve<;mY?}vbD%wx6<gk1Z?f~e;(vmR`k-$@>(!KL1#
zJmr1hV?p{}8`aKu?1D1X@;17~{<o4LYso(2j1OGbMbUKc+DzfS^~k1TE%6mipHo%2
zxc0Czc{D9hs0#dmrJ>*7G@jbyOyr|g0aa^6ov}uM@+U_v{M?9BiP1IZGkB#cXXH<g
s=HvhEPmW^3<t4|g-D5Ag*^s&a1<8D@UWI62v;Y7A07*qoM6N<$f=nIsF#rGn

literal 0
HcmV?d00001

diff --git a/src/forge/Information/Pages/homepage/image/proType4_active.png b/src/forge/Information/Pages/homepage/image/proType4_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..d805f4572879ce506b43366d0baf0dc700d39789
GIT binary patch
literal 3435
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
N002ovPDHLkV1iqB#^3+|

literal 0
HcmV?d00001

diff --git a/src/forge/Information/Pages/homepage/image/proType5.png b/src/forge/Information/Pages/homepage/image/proType5.png
new file mode 100644
index 0000000000000000000000000000000000000000..2eabb70ca11e3108f6ccf4287c36847a03d55a9f
GIT binary patch
literal 922
zcmV;L17-Y)P)<h;3K|Lk000e1NJLTq001@s001xu1^@s6S{#YM00004b3#c}2nYxW
zd<bNS0009~Nkl<ZXhZFpU3Sty6oBslK3i8{c=gzVD-c#72tG@9fGe=BKwW|OEZDe$
z;tC3_$5+x7v^+O(y_pcm&m=Q}3`9=)#OX}#+%NZcZWtWtA3IVmD8T+V%N7<pDvKGl
z&LsoZ$|Dp4n$~pGj?*pH6^)nO1}no=9-%y)Z~;y0&u}c#u>i}X<qC`Wty08TN*_hU
z@6IEPvG*w-jcm`2D<Z-#>t@KyhjG?58G|>w!0iQ$l>PuE+XO6|RQqZog>kt&w{Cw9
zT(Hg{WVJaiu}7w?6YxhBVC`T5g-_r1SgG_)2*&KHH8Cv?R_n~@1sLm^gz$;1dBN8b
zWccN31q(pcTPJ{(D=LolC>Y+&rXvnwym(h<Pw+aRB*5634x8TpRN%CMsY3xcNyEAs
z^;YrKCwKcChNm`ZKyA{wDx4OuG*FJB6hCe2c4W#DM+7b!i|hB1IhY^HjhF7V*!?y(
zL1sUr_<C5y*FDA8NnC<Zh07dlHXW{eOiJ4qvMff5PRYf1+==2#1Q>>^);bndzvo($
zN7N0=<G2*h-4O9B#aDmjhSC?|x~{J@P*P%8xsSx8j_y7UTqwTAWZ~CwZYY9^%e0xh
zqNkK!u)$Nk*m8c?t=77j1r&b)IxNNo13tiGscHTFG2w2;U8YRGH?cq+$!{vW4Zbe9
zyr#~yy1;~Rp{{|zHXTJmq6x%dVxjkCTAg5FxbU1L;I0W}!7JddOUHFDK_}Mcib=7u
zj>A=d=(=e%vjx&OwN>QchQEhQj7QxTOFSH40!!A1(z2iR#Ot6IQ?cr{d$t1;bl}@6
zpzAq&WUsu896lp)#7#BF>Fu8CQfx=LbE=QA{bnMVaoTCI61&_{0WFXFyBW~|(vK2u
zQN=;H0o9_dl2E+E1?$C4fISgXFmEHTFLp(6Ggi_jn@tsa;$3}Y0+qpJg7UV$6_|6U
zg7Th{$^zzbnJ?*OrUF~FJM?J@8vC>mT?Zz>?6x=IQaL*v*a5$n5nN!3C4)-^Cc8_?
z4%>Czf3K6tQU)V8G^mN4$pq?Lr-9IV;3_*u8O#wxW9ct6mhK&(8=2F!X5h_DWKhm}
wDlip+dD&Bd<;4=JdK4B@eN%baceED!2d=I_PaCIpCIA2c07*qoM6N<$f*$#-GXMYp

literal 0
HcmV?d00001

diff --git a/src/forge/Information/Pages/homepage/image/proType5_active.png b/src/forge/Information/Pages/homepage/image/proType5_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e291efe03957757eeb21909cc908449c99a8fd5
GIT binary patch
literal 1704
zcmV;Z23PrsP)<h;3K|Lk000e1NJLTq001oj001Zm1^@s6YS(iq00004b3#c}2nYxW
zd<bNS000JGNkl<ZSV!fVTWpj?6vxlES9)1`g)Y5NT5Jof*cLGqBP7x)2{c?1LB%Q>
zAH?tk3DJa$NQ;RffhQv-K8OXR;zMZwqaq|lxkMr$6l5!x(iRrzMQFR*-R^#$=M0?9
zbi3Q`Zh<y&UfSK6&iuYJ|MNdHUlqV+uC839>6Icy(<ajAQQ1_uf?Rd(w>Mr<2pDv*
zXjFm*fpROpj}_D2s!bH(m&Q+=@r)(8cr?O$Rn>j$&h;N#on7sqLY-pXQ~5Q4zB{?-
z{m}@_Ot)NJjX&SITCZx_i2=|%XO)jCcKd^N*nasWbb5MkA87vjFereU4v6&s8oJHx
zg!7$uz~$|O%-FF|lx&S^2cKG`33$V~qx~TBEh(@ne<s8lj1j><7U*W@1K59~0qmH_
zS#b%lFg<TT6t`bGDf&r=?QW-IQhcJ#py*8R<QBq<<FepfhXal}t_%45u_;iVnIG~&
zh7En<UNd}q?fifR7=}7H%3e+N?7sF_HGMZVAvJqeYGzqsk`=O0DhFHb{pO&DUo)j7
z=q?Nknj*aQLcLgw?FS+9ij%E#WAsMYF>}7?;|IIf+tYNYweg4y9fQ&!jZ<s5fA3Ux
zpS#<ZIKDXEU`h!E9yK%p)0Vq@eSTmL75n@4=jV$^eRK63oN8+kP=B<wHqf|N(<jeO
zkFn%YLbl*se*40{By&vs!i>D7B%fg5Q9%y|{K|yMb24Hr`N^gj_^h~8JjZ%WK-4k(
za{Fqns9@OMnDp%OF?xfAWW@54`*Dtxm#sMq2z)kbekG3M7BO@<zyfsoT%lE#P_NJ1
zz3;}w8tS7+F3v1?oush?cjNn}29bpQN;8fN1s)MJCDhgn$Ae0OBTP_o68?%X`w@yY
zPyMWWO2QA(@~E+d!U2y6nj<176fKC`Sdtx=U<(AM&tKZlU_o)f*$ziN{%n->ye!)W
zrPdt(wo_>)AOb&htFgAz?dqmZIpVAG9{PINWt=CizuR>9T36?7d8_I7lGIE(WceZJ
zmo;a85<7FC<w^}hu%1~${0B~Skt%ef4v!1Ey`J_%E%w7MpVuP?hSnfo4;wntNC(q1
zMGd92L{3zOmOWpV6ZJ37nzA6tG-g71M!qOMVM9|S)}KErd=*{5j@f>k7i0^QC33LE
zE{aA|&;5pDj_aqW?}gM1n=N5nN#L#o^L(D0^Mw+3YvDX$kzqsAB*HyVdxL>fVOcwE
zwn#wI=;^kWBbV>DHPPRr|CWs#6PGO~YdDTXz-y<@7LF8ABJz`m15VCB2}rHx#>HyZ
zW<}0(6$YKoTvap=Qq8d-b`O0#Sdo$=%)m5XRM103T)y#8LjBNmsg_+JP|tKw+SzzU
zBp#2Wv7vy61sw{UJ(zbz)-&HZ=b_ClN4ulO&{%xB@D@@_J0g2NSzO?`JL*UW%Xt2d
ze)5?@hJG!3+7dbl1%i;xQF0MDodju&oY3;T!;ZA9aZWmdC0n9K+fIez!oPP<#~Y3D
zd6twJ>;Uq?pL9*hP2kjM%*vd?kT;uQM>;SH@@MvS`8(M)<nIZbV4PTp$cHIOLp7EZ
zS7ud%vx;f=md_PMN#X6J%%zE<X|%veJeJ1j4N!!R679V(STO$S>Nxw`-J5@k_a4UG
zm8*3M6!V#a?sCf}*@Q=qbfX~b!kZFVBp+o}ul9vv+_j}xXHZsSbWB)2m*TlMexzXo
z*XIP+G_Bp!qkgK;0FE|+&q>QJ8IM(r4&);ZPkxTTjeG+_X>1cOAO+Z0n`4b}`u9jC
zBMlmCeN_RcrfN0bicP;$|3m0UO-RM4l&Jt&It@an^iz5=l7j}y%|4y423Blt<7N9n
z^OuG_m1TOo+R<k^UZ%&6wVHHKUM?MOSBImwr=8B?Xl>3uy|NA7+|V2tqk+)hRb`n~
z?GqX(m)NHiTz`S0n~$a_H$5vhY#9=oU$Xn(X<)@FOiUZJ06eY-q7x;b7X7!MN69Cz
zF(A_By_M@gg95%ilv;D~a+>zIxQ3jEE)(=hjqjO0fPLP#Hj0-%AvGNcJ>)7+Xn_A^
z4^}|5xw=82*|T#kNfV|grj3XNdR3nX-;LCZ%S2f6sIDx)e;loQLII3uT2TQjHhnZ?
yBGLd%#sW0-GM#SZyc&U<J>6;@e6ZOW2>l<v2~*AW|H4ZE0000<MNUMnLSTaQ0x(+u

literal 0
HcmV?d00001

diff --git a/src/forge/Information/Pages/homepage/image/right.png b/src/forge/Information/Pages/homepage/image/right.png
new file mode 100644
index 0000000000000000000000000000000000000000..14e5bbac1e7a2c86461b7276f5f85d2ab614ef26
GIT binary patch
literal 2384
zcmW+&X;c&G5)Gu$CdSwaf{GD3NsA<)f+I@+B@GEAE(o%@BAWuEAVfuQTu6fuaA=Z9
zn88sL6-5!yjDjdnP!SpzKzwWl6r3;vBC?FK4C=i2etcDRPJQQ|Q&sm=-ArE}@3|Cn
z3W-FTD-jDf>pk)PfwT0sbW2%*-WeR&?Cn7+Yhn(PNX8V25DiEQ89q0Zu*8Y#HRyB0
z=f=8s0pUdqt-AA^b&*hx3>~rrz<5dThYj`a9@w+L`<}lKi8<`<Km!H6wz5q(Wh9`<
zL;&3*8!iB0aM-{AD4Y$4a%xTM>a(|sKv=B2&~+u7gmvDvF98hzE@QR!HoX`j{%U`{
ztJGmS_}fg+wwbPNGac#pR#Py5u3Nu%xFb^_!nY&WTHaTz34(-WW|P6A-Ed~9Ow)WF
zCMq+a5f@CTqKVtm10dn?+bYXjM`*}kVL<c-BUIO5Gi_foDNu!MHmVPVbTg0tI#vGE
zRw*>L9U7%zM4RXF=dC+L$bO{p_2;Z(fsio%({bMuIW)=q7r6=1rl<mmnDpuNUy3Rs
zJv?`Bzjy`~t4dQ-C;j~(#5nHyhW-)?hUDLKj$f%ZLRGc(PdDGYr~guPI(0$@=Y&qL
zk@%(#hnS%u456y$KEL-1UAH^{F^<-pThAsMKG~|`quw={?QlK}@aN8!s2r;kw}aAx
zg{tWL+`c5Bipf(U`;NTGgLE#-k*X%^VGtNRWhVK@xoGi8_^XmFaW7fTp$iu*RShJ?
zx|^e)=<Ljbu8JR^I<qCJ&bzTrbI=b;R_3`L#~<jCwmf9fAC+JB0gG}#N&TV~+YQj8
z7g2^K{wxrMYQ&1Voc>j6sLqLkjP)lcIRIlhB*~Y2iy%50-olYkI|c*k2#v3*yLB#T
z5gP8tk=VW+eGfA5&QD_2$Ap~bqP<4I;G@-Ua+^lGM-dd5aQi4;m2*eC4t$rcDS=c6
z!?s01*z;yX$)7(smCNBh2R%)ck>K0vMsQWm=NYv^=RDD4!x1}OSIEQ+tgYM{o4R#7
z$b(^1W&Af3X{f`ODlU^->7I}de1Ek=s5+#XI$#BAf~>`wAd9)E*_^s57w2z@HrC#N
zv7zghJex*XP(BF06SdahBGuc{J2l()N=1F~a0*O=$m?MV++ENLwt5bB+KZ*|34jkh
z2#-PhYR8#baKY+`y)1o&r`zZ{(g1lqyOHGfEC9IW>zYVYZP4YwCSk5CP9nJ7O0|bV
za)F$Osz}8n`k?}Z>^t%fZZ`ZdWm&GbN<e@N@UR}(7|Vvy(0SIU5Q7#vLV7P-s;pbI
z7IP-=yuegBr>DTU-2&c8#3u}vn-E6Nwjk4Eqc8q+@7^@7vchaTyYQ=#N?qBV2@{Eh
zzW{28+i`ooiVCE{<Wa{nSxEg&s1A&K93u_~=c3dW#{vv_ItuBD{xBZ#OOwNtEt%<T
zNz|`kt1++74jBYZQ5Sfr1%?Da5-I9>-c~svRU``Pa^HH|4&j^FVaUkQCld-CU<>#i
z^pzEg$5%uG+?LNzm$MsfLcxn43fPa8I&L(;Z5>OGWgDOP7#IE9HvbzcVq-9uRt9s!
zsXb{TM)EUt_qn@YWw6%Uc{h2RL>Cxe>EC3VL<fv#oh_~oQvF7)9A=9z(rDdJ^;=-F
z{q=$;=G-GTPpsw_+6Qc^WoK0H4laYWmZ0WXTH)fG1Zx?x$xAY}(F{wQ=xBdZD!n|N
zvSN@$w69?%juT^PX6U0M`-UFX<XRHDf4^47Z2q1*#+2%F6dNq<Q)h)p`Nz(KpeA<Z
z{qxS!vw|%6<FSg}=qYB*@s0$pJ<z2&zjKp0e?_kl>Il)6EtKxaq@oo=F_k7>I4u`!
zHQ@F^x&f-bedtp2bY_+vU1(tQ(6@vs&A9O8N_DpkKE(cIhW~(9X|t<8PwlydCD%ka
zF2R}gz27HvDTc6z%rI)LHk2o&rl-NFqy+^ylhy~z$#q8Sqt6S*tBsNaHZ|@qY1%D^
z=Oj+{avPljrJq|Yhy-jQ7OjmQ9wYkB&eIcT%}u5hsP$Hmif88vad-e^0EyvSbzoXH
zEQ?>3>xGBvxkq)rS?#tg_}i54PouGFJ%V-U^40VCRwrffX@TpCR3>g$uIKRHwDy1g
zCG7e0fPCuFP<{zBCM3hLw#m&DeLir-M~Gj$yUWZ|ky>k$C!!hIjue9LHvYHLLOL}b
z5bOy#Xktth5$5mzp2H#xS!bP%bX$-Gz*a;ae3iBT@I9xq?KxMMDHdK?)z35lww5?4
zB1+woJ~VqI!wnu`Zs#e%3I`7qcaToSn}O1!c0|I_Sy9a-6rVerkN2NAbO@-*vfh_M
zuqF=>HD@^eLwOFQJ-A4be|uLugR6V#Ha<gpA!C|vqeal`3@&N_skLkgpNan2>Wx=b
zX9RmH!qR$-6qgpaxsd6RA!d1%u4DNTA#0Zfdnot@a09dHV+kyGZJlSN<P;=yQb0!f
z#J`US`ZK3$7p#uug*#Wg;&H^(A9eCRm;dmvDNZH9D&PKK%-xiSGXx4hZ2w=JjFrug
zOIY$<0MXYV&DSqI6C-^+JIW~7&)yjG59%+aDR9I~xM5*Ue-uZ)hFx{u^UdgGzD~<a
z{&n>TyTjKt-WKcZ<z!@Q6Mu(<mW!kV`LV8K^x#WY2Hr7oiGJDLLpKnm-h*JDMAO4z
zojc#QxL=wQlmQj*;(@9H$_TsW{}-Z)xm<cV_UnUe7Ln{jyzKD2=FK7ola!o8+R6Pi
zbgjk%|MpGd&OqOI?K}3lYx#+_s#m5!a-%6<Ix*E!2I=UQQtBPQH;o|1OunxTi)u6K
zd)n6`%wHd12JlxMu6Xt4Iwf4~8JDP<R34bm^7Vss)~($Z+8b7&H0j{RLUT2M;vU(<
zciMOuoDtkGzr<gp`04Rb-n1ZOL%P4V6qfhL38t^C1Ny9eE@1HMjQcF_1a8Rw8Vo*T
zS*{@S-$2E%c;uB>AFll#Hb+4^0e%|bf$YUKh_MuI*lHLEB<Bg^u73TJHS4e;yFp~A
z1`18#3sx!ckC7XSg(Q?$^dh7UfP~pU8>{uwqv&>5$r%z>th6s=7y#FD9e)bcOBIJz
rRsrl3Slzm({6|CZqE~&|I^Y{Q=gYm$g?2?uy+k5OL_WeYk5KG?U<3qk

literal 0
HcmV?d00001

diff --git a/src/forge/Information/Pages/homepage/index.scss b/src/forge/Information/Pages/homepage/index.scss
index db0855268..84235dd24 100644
--- a/src/forge/Information/Pages/homepage/index.scss
+++ b/src/forge/Information/Pages/homepage/index.scss
@@ -65,6 +65,20 @@
       color: #D9D9D9;
     }
   }
+  .intro_1_carousel{
+    width: 526px;
+    float: right;
+    margin-left: 35px;
+    .slick-dots li button:before{
+      font-size: 10px;
+      top: -12px;
+    }
+  }
+  .intro_image{
+    width: 526px;
+    height: 272px;
+    object-fit: scale-down;
+  }
 }
 .news_1_bg{
   background-image: url('./image/new1.png');
@@ -186,7 +200,7 @@
   }
 }
 .project_1_bg .proTypeBox, .specialProjects_1_bg .proTypeBox{
-  width: 280px;
+  min-width: 275px;
   height: 63px;
   background: #F5F6F7;
   border-radius: 8px;
@@ -207,6 +221,12 @@
     .icon2{
       background-image: url('./image/proType3_active.png');
     }
+    .icon3{
+      background-image: url('./image/proType4_active.png');
+    }
+    .icon4{
+      background-image: url('./image/proType5_active.png');
+    }
     .s_p_order_1, .s_p_order>img{
       display: none;
     }
@@ -225,7 +245,7 @@
       background-image: url('./image/s_project7.png');
     }
   }
-  .icon1, .s_p_order_icon, .icon0, .icon2{
+  .s_p_order_icon, .p_1_icon{
     width: 22px;
     height: 22px;
     background-size: 100% 100%;
@@ -239,12 +259,30 @@
     background-image: url('./image/proType2.png');
   }
   .icon2{
-    width: 25px;
-    height: 19px;
+    height: 18px;
     background-image: url('./image/proType3.png');
   }
+  .icon3{
+    width: 24px;
+    height: 24px;
+    background-image: url('./image/proType4.png');
+  }
+  .icon4{
+    background-image: url('./image/proType5.png');
+  }
 
 }
+.project_1_bg .proTypeBox{
+  min-width:200px;
+  .s_p_order{
+    display: none;
+  }
+}
+.specialProjects_1_bg .proTypeBox{
+  .p_1_icon{
+    display: none;
+  }
+}
 .source_1_bg{
   background-color: white;
   background-image: url('./image/source1.png');
@@ -350,6 +388,7 @@
     margin: 0 0 35px 0 !important;
   }
   .s_p_detail{
+    flex-direction: column;
     flex: 0 0 calc(33.333% - 20px);
     background: #FFFFFF;
     box-shadow: 0px 0px 10px 1px rgba(28,48,175,0.08);