优化ccf首页效果

This commit is contained in:
谢思 2023-08-31 16:04:49 +08:00
parent 358650e2b1
commit f3a28a24d5
3 changed files with 757 additions and 757 deletions

1502
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -106,7 +106,7 @@ function HeaderPageCCF(props) {
data && data.cmsShow === 1 && newsList && newsList.length >= 0 &&
<div className="zone_news">
<p className="in_title mb50">{data.homepageCmsTitle}</p>
<div className="boxmain" style={{ display: "flex" }}>
<div className="boxmain mb100" style={{ display: "flex" }}>
<div className="zone_new_first">
<Slider {...setting}>
{
@ -115,7 +115,7 @@ function HeaderPageCCF(props) {
return (
<div className="regform" key={k}>
<div className="newsBannerBox">
<img src={i.headImg || img1} alt="" width="785px" style={{objectFit: "cover" }} onClick={()=>{window.location.href=`/zone/${deptId}/newdetail/${i.id}`}} />
<img src={i.headImg || img1} alt="" width="785px" style={{objectFit: "cover"}} onClick={()=>{window.location.href=`/zone/${deptId}/newdetail/${i.id}`}} />
</div>
</div>
)
@ -125,7 +125,7 @@ function HeaderPageCCF(props) {
}
</Slider>
</div>
<ul className={`zone_new_three ${newsList.length < 4 ? "flexStart" : "spaceeTween"}`}>
<ul className={`zone_new_three_ccf ${newsList.length < 4 ? "flexStart" : "spaceeTween"}`}>
{
newsList.map((i, k) => {
return (

View File

@ -32,13 +32,14 @@
display: flex;
align-items: center;
align-content: center;
overflow: hidden;
}
}
}
}
.slick-slider {
max-height: 595px;
overflow: hidden;
&:hover {
.slick-arrow {
display: block !important;
@ -128,11 +129,10 @@
}
}
.zone_new_three {
.zone_new_three_ccf {
margin-left: 30px;
display: flex;
flex-direction: column;
margin-bottom: 100px !important;
position: relative;
.zone_n_value {