开芯院优化
This commit is contained in:
parent
4106ad57ba
commit
25293580ca
|
|
@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
|
|||
|
||||
const settings = {
|
||||
dots: true,
|
||||
infinite: true,
|
||||
infinite: false,
|
||||
speed: 500,
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 3,
|
||||
|
|
|
|||
|
|
@ -4,23 +4,25 @@ import projectRight from '../img/projectRight.png';
|
|||
import projectLeft from '../img/projectLeft.png';
|
||||
|
||||
function SampleNextArrow(props) {
|
||||
const { className, style } = props;
|
||||
const { className, style, onClick } = props;
|
||||
return (
|
||||
<img src={projectRight} className={`right_arraw ${className}`}></img>
|
||||
<img src={projectRight} className={`right_arraw ${className}`} onClick={onClick}></img>
|
||||
);
|
||||
}
|
||||
|
||||
function SamplePrevArrow(props) {
|
||||
const { className, style } = props;
|
||||
const { className, style, onClick } = props;
|
||||
return (
|
||||
<img src={projectLeft} className={`left_arraw ${className}`}></img>
|
||||
<img src={projectLeft} className={`left_arraw ${className}`} onClick={onClick}></img>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
const settings = {
|
||||
className: "center",
|
||||
centerMode: true,
|
||||
infinite: false,
|
||||
centerPadding: "100px",
|
||||
slidesToShow: 3,
|
||||
speed: 500,
|
||||
|
|
@ -40,7 +42,7 @@ function Projects(props) {
|
|||
projectList.map((i,k)=>{
|
||||
return(
|
||||
<div className="container">
|
||||
<div className="zone_p_item" onClick={()=>window.open(i.projectURL)}>
|
||||
<div className="zone_p_item" >
|
||||
{i.projectProperties && i.projectProperties.authorImageUrl && <img className="info_img" src={i.projectProperties.authorImageUrl} alt="" /> }
|
||||
<p className="z_p_title task-hide">{i.projectProperties && i.projectProperties.name}</p>
|
||||
<p className="z_p_desc task-hide-2">{i.projectProperties && i.projectProperties.description ? i.projectProperties.description : "暂无~"}</p>
|
||||
|
|
|
|||
|
|
@ -211,6 +211,7 @@
|
|||
width: 48px;
|
||||
height: 48px;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
.slick-track {
|
||||
display: flex;
|
||||
|
|
|
|||
Loading…
Reference in New Issue