CCF界面新闻高亮

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" />

src/forge/Information/indexZonebyCCF.scss

@@ -174,6 +174,9 @@
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
+      &:hover{
+        color:#466aff !important;
+      }
     }
   }