超算专区-开源项目首页-项目展示头像字段
This commit is contained in:
parent
f6526b8584
commit
6e4ff62b4d
|
|
@ -35,6 +35,7 @@ function CategorySection({ category, index, zoneId, nsccTitle }) {
|
|||
return(
|
||||
(!range || (range && pIndex >= range[0] && pIndex < range[1])) ? <div key={`${index}_${pIndex}`} className='cate-project-card'>
|
||||
<div className='font-18 project-list-item-title mb20'>
|
||||
{item.projectProperties && item.projectProperties.authorImageUrl && <img src={item.projectProperties.authorImageUrl} width={40} className='mr15'/>}
|
||||
<a href={item.projectURL} className='font-bd'>{item.projectProperties && item.projectProperties.fromOwner}/{item.projectProperties && item.projectProperties.name && item.projectProperties.name.split("/").pop()}</a>
|
||||
{!showBtn && <i className='iconfont icon-jiantou21 font-16 ml10'></i>}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -84,6 +84,7 @@
|
|||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 55px;
|
||||
bottom: -6px;
|
||||
width: 34px;
|
||||
height: 2px;
|
||||
|
|
@ -122,9 +123,6 @@
|
|||
background-image: url('../../../img/project/project3.png');
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.project-list-item-title .icon-jiantou21.iconfont{
|
||||
color: #091221;
|
||||
}
|
||||
}
|
||||
.project-cate-1600{
|
||||
overflow: hidden;
|
||||
|
|
@ -211,10 +209,7 @@
|
|||
.cate-project-card{
|
||||
width: 50%;
|
||||
border-radius: 12px;
|
||||
position: relative;
|
||||
.project-list-item-title .icon-jiantou21.iconfont {
|
||||
color: #091221;
|
||||
}
|
||||
position: relative;
|
||||
&:hover{
|
||||
background-image: url('../../../img/project/project3.png');
|
||||
background-size: 100% 100%;
|
||||
|
|
@ -372,7 +367,11 @@
|
|||
|
||||
&:hover {
|
||||
.project-list-item-title {
|
||||
a{
|
||||
color: inherit;
|
||||
}
|
||||
.icon-jiantou21 {
|
||||
color: inherit;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
opacity: 1;
|
||||
|
|
@ -385,7 +384,6 @@
|
|||
line-height: 30px;
|
||||
}
|
||||
.project-list-item-title .icon-jiantou21 {
|
||||
color: white;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease, left 0.5s ease;
|
||||
pointer-events: none;
|
||||
|
|
|
|||
Loading…
Reference in New Issue