uos专区首页优化

src/forge/Information/Pages/homepage/component/specialProjects.jsx

@@ -123,7 +123,7 @@ function SpecialProjects({data, subTitle}) {
       currentRow.push(
         <div
           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)}
         >
           <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>
           );
         }
-        
         // 重置当前行
         currentRow = [];
       }
@@ -176,7 +175,7 @@ function SpecialProjects({data, subTitle}) {
       <p className='font-bd font-30 mb15 align task-hide'>{homepageSpecialProjectTitle}</p>
       <p className='font-16 align color212 mb50'>{subTitle}</p>
       <TypeCarousel pageSize={3} list={typeList} typeId={typeId} onClick={(id)=>{setTypeId(id);}}/>
-      <div className='df wrap between'>
+      <div className='df wrap'>
         {renderItems()}
         <div style={{margin: '0 auto'}}>{!projectList.length && <Nodata _html="暂无数据"/>}</div>
       </div>

src/forge/Information/Pages/homepage/index.scss

@@ -386,7 +386,7 @@
   background-size: 100% 100%;
   .s_p_detail+div:not(.item-details){
     flex: 0 0 calc(33.333% - 20px);
-    margin: 0 0 35px 0 !important;
+    margin-bottom: 35px !important;
   }
   .s_p_detail{
     flex-direction: column;