uos专区首页优化
This commit is contained in:
parent
237f9ef2b6
commit
c7eaa33acb
|
@ -123,7 +123,7 @@ function SpecialProjects({data, subTitle}) {
|
||||||
currentRow.push(
|
currentRow.push(
|
||||||
<div
|
<div
|
||||||
key={item.id}
|
key={item.id}
|
||||||
className={`s_p_detail df between ${selectedItem === item.id ? 'active' : ''}`}
|
className={`s_p_detail df between ${selectedItem === item.id ? 'active' : ''} ${(index+1)%3 === 0 ? "" : 'mr30'}`}
|
||||||
onClick={() => handleItemClick(item.id)}
|
onClick={() => handleItemClick(item.id)}
|
||||||
>
|
>
|
||||||
<span className={`font-bd font-22 s_p_d_order align s_p_d_order${index+1}`}>{index+1}</span>
|
<span className={`font-bd font-22 s_p_d_order align s_p_d_order${index+1}`}>{index+1}</span>
|
||||||
|
@ -163,7 +163,6 @@ function SpecialProjects({data, subTitle}) {
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 重置当前行
|
// 重置当前行
|
||||||
currentRow = [];
|
currentRow = [];
|
||||||
}
|
}
|
||||||
|
@ -176,7 +175,7 @@ function SpecialProjects({data, subTitle}) {
|
||||||
<p className='font-bd font-30 mb15 align task-hide'>{homepageSpecialProjectTitle}</p>
|
<p className='font-bd font-30 mb15 align task-hide'>{homepageSpecialProjectTitle}</p>
|
||||||
<p className='font-16 align color212 mb50'>{subTitle}</p>
|
<p className='font-16 align color212 mb50'>{subTitle}</p>
|
||||||
<TypeCarousel pageSize={3} list={typeList} typeId={typeId} onClick={(id)=>{setTypeId(id);}}/>
|
<TypeCarousel pageSize={3} list={typeList} typeId={typeId} onClick={(id)=>{setTypeId(id);}}/>
|
||||||
<div className='df wrap between'>
|
<div className='df wrap'>
|
||||||
{renderItems()}
|
{renderItems()}
|
||||||
<div style={{margin: '0 auto'}}>{!projectList.length && <Nodata _html="暂无数据"/>}</div>
|
<div style={{margin: '0 auto'}}>{!projectList.length && <Nodata _html="暂无数据"/>}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -386,7 +386,7 @@
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
.s_p_detail+div:not(.item-details){
|
.s_p_detail+div:not(.item-details){
|
||||||
flex: 0 0 calc(33.333% - 20px);
|
flex: 0 0 calc(33.333% - 20px);
|
||||||
margin: 0 0 35px 0 !important;
|
margin-bottom: 35px !important;
|
||||||
}
|
}
|
||||||
.s_p_detail{
|
.s_p_detail{
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
Loading…
Reference in New Issue