From b7e40d8923d51870f3976b8f4c8ba5b5f4f2b8d2 Mon Sep 17 00:00:00 2001
From: Zgna <1258430687@qq.com>
Date: Mon, 18 Sep 2023 16:00:00 +0800
Subject: [PATCH] =?UTF-8?q?CCF=E7=95=8C=E9=9D=A2=E6=96=B0=E9=97=BB?=
 =?UTF-8?q?=E9=AB=98=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Information/Pages/headerPagebyCCF.jsx     | 32 ++++++++++---------
 src/forge/Information/indexZonebyCCF.scss     |  3 ++
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/forge/Information/Pages/headerPagebyCCF.jsx b/src/forge/Information/Pages/headerPagebyCCF.jsx
index 52fa8a685..a6abe47a6 100644
--- a/src/forge/Information/Pages/headerPagebyCCF.jsx
+++ b/src/forge/Information/Pages/headerPagebyCCF.jsx
@@ -14,20 +14,6 @@ import Slider from 'react-slick';
 import Left from '../../../home/Img/left.png';
 import Right from '../../../home/Img/right.png';
 
-const setting = {
-	dots: true,
-	infinite: true,
-	speed: 2000,
-	slidesToShow: 1,
-	slidesToScroll: 1,
-	pauseOnDotsHover: true,
-	autoplaySpeed: 5000,
-	pauseOnFocus: true,
-	autoplay: true,
-	arrows: true,
-	prevArrow: <img className='slick-prev slick-arrow' src={Left} width="70px" alt="" />,
-	nextArrow: <img className='slick-prev slick-arrow' src={Right} width="70px" alt="" />
-}
 
 function HeaderPageCCF(props) {
 	const [projectList, setProjectList] = useState(undefined);
@@ -37,6 +23,22 @@ function HeaderPageCCF(props) {
 	const { deptId, cateId } = props.match.params;
 	const { data, id, temp } = props;
 	const [mainList, setMainList] = useState(undefined);
+	const [tag,setTag] = useState(0);
+	const setting = {
+		dots: true,
+		infinite: true,
+		speed: 2000,
+		slidesToShow: 1,
+		slidesToScroll: 1,
+		pauseOnDotsHover: true,
+		autoplaySpeed: 5000,
+		pauseOnFocus: true,
+		autoplay: true,
+		arrows: true,
+		prevArrow: <img className='slick-prev slick-arrow' src={Left} width="70px" alt="" />,
+		nextArrow: <img className='slick-prev slick-arrow' src={Right} width="70px" alt="" />,
+		afterChange: (index)=> setTag(index) 
+	}
 
 	useEffect(() => {
 		if (id||cateId) {
@@ -128,7 +130,7 @@ function HeaderPageCCF(props) {
 								newsList.map((i, k) => {
 									return (
 										<li key={k} style={{boxShadow:"0px 0px 20px rgba(35, 54, 185, 0.06)"}}>
-											<Link className="zone_n_title" to={`/zone/${deptId}/newdetail/${i.id}`}>{i.name}</Link>
+											<Link className="zone_n_title" to={`/zone/${deptId}/newdetail/${i.id}`} style={{color:k===tag?"#466aff":"black"}} >{i.name}</Link>
 											<p className="zone_n_value">
 												<span className="font-15" style={{ color: "#8d95a3" }}>
 													<img src={shijian} alt="" className="mr3 photo" />
diff --git a/src/forge/Information/indexZonebyCCF.scss b/src/forge/Information/indexZonebyCCF.scss
index d100e33d5..4a43793ff 100644
--- a/src/forge/Information/indexZonebyCCF.scss
+++ b/src/forge/Information/indexZonebyCCF.scss
@@ -174,6 +174,9 @@
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
+      &:hover{
+        color:#466aff !important;
+      }
     }
   }