优化样式
This commit is contained in:
parent
84293bc4e7
commit
cef4097510
|
|
@ -110,7 +110,7 @@
|
|||
|
||||
.cate_item {
|
||||
cursor: pointer;
|
||||
padding: 2px 15px;
|
||||
padding: 2px 25px;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
border-radius: 16px;
|
||||
position: relative;
|
||||
|
|
@ -136,6 +136,11 @@
|
|||
transition: left 0.5s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
transition: font-weight 0.5s;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.left_cate2 {
|
||||
|
|
|
|||
|
|
@ -175,7 +175,7 @@ function ProjectList() {
|
|||
<div className="project_list_all_box">
|
||||
<div className="width1600 mb30">
|
||||
<div className="cate_list_box">
|
||||
<span className={`cate_item font-15 font-bd ${cateID ? '' : 'active'}`} onClick={() => {setPage(1); setCateID(undefined) }}>最近更新</span>
|
||||
<span className={`cate_item font-15 ${cateID ? '' : 'active'}`} onClick={() => {setPage(1); setCateID(undefined) }}>最近更新</span>
|
||||
{cateList.map(cate => {
|
||||
const isActive = cate.id === cateID;
|
||||
return <span key={cate.id} className={`cate_item font-15 ${isActive ? 'active' : ''}`} onClick={() => {setPage(1); setCateID(cate.id) }}>{cate.name}</span>
|
||||
|
|
@ -253,7 +253,7 @@ function ProjectList() {
|
|||
})}
|
||||
</span>
|
||||
</div>
|
||||
<Collapse expandIconPosition="right" className="hot_project_Collapse" defaultActiveKey={projectsListByHot[1].id}>
|
||||
<Collapse accordion expandIconPosition="right" className="hot_project_Collapse" defaultActiveKey={projectsListByHot[1].id}>
|
||||
{projectsListByHot.map(project => {
|
||||
return <Panel header={project.name} key={project.id}>
|
||||
<div>{project.description || '暂无数据'}</div>
|
||||
|
|
|
|||
|
|
@ -319,6 +319,10 @@
|
|||
transition: left 0.5s ease-in-out;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
transition: font-weight 0.5s;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue