优化样式

This commit is contained in:
谢思 2026-01-05 10:01:40 +08:00
parent 84293bc4e7
commit cef4097510
3 changed files with 12 additions and 3 deletions

View File

@ -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 {

View File

@ -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>

View File

@ -319,6 +319,10 @@
transition: left 0.5s ease-in-out;
}
}
&:hover{
transition: font-weight 0.5s;
font-weight: bold;
}
}
}