优化开芯院模板首页新闻展示样式
This commit is contained in:
parent
506fa76c5f
commit
c3ccc0740a
|
|
@ -175,7 +175,7 @@ function HeaderPage(props){
|
||||||
<Link to={`/zone/${deptId}/newdetail/${newsList[0].id}`} className="zone_btn">查看更多<img src={guideArrow} alt="" width="14px" className="ml3"/></Link>
|
<Link to={`/zone/${deptId}/newdetail/${newsList[0].id}`} className="zone_btn">查看更多<img src={guideArrow} alt="" width="14px" className="ml3"/></Link>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<ul className="zone_new_three">
|
<ul className={ `zone_new_three ${ newsList && (newsList.length < 4) ? 'zone_new_two' : '' }`}>
|
||||||
{
|
{
|
||||||
newsList.map((i,k)=>{
|
newsList.map((i,k)=>{
|
||||||
return(
|
return(
|
||||||
|
|
|
||||||
|
|
@ -171,13 +171,13 @@
|
||||||
background-color:#07a583;
|
background-color:#07a583;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.zone_new_two {
|
||||||
|
margin-left: 38%;
|
||||||
|
}
|
||||||
.zone_new_three{
|
.zone_new_three{
|
||||||
width: 1200px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
|
||||||
margin: 0 auto;
|
|
||||||
& > div:not(:first-child) {
|
& > div:not(:first-child) {
|
||||||
margin-left: 70px;
|
margin-left: 50px;
|
||||||
}
|
}
|
||||||
li{
|
li{
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue