This commit is contained in:
caishi 2021-11-02 10:23:04 +08:00
parent 35c2f63c55
commit 08416390e5
4 changed files with 22 additions and 15 deletions

View File

@ -88,7 +88,7 @@ function Index() {
<Link to={`/${i.author && i.author.login}`} target="_blank"><img src={getImageUrl(`/${i.author && i.author.image_url}`)} alt="" /></Link> <Link to={`/${i.author && i.author.login}`} target="_blank"><img src={getImageUrl(`/${i.author && i.author.image_url}`)} alt="" /></Link>
<div className="itemTitle"> <div className="itemTitle">
<div className="item-title-infos"> <div className="item-title-infos">
<Link to={`/${i.author && i.author.login}/${i.identifier}`} target="_blank" className="infotitle">{i.author && i.author.name}/{i.name}</Link> <Link to={`/${i.author && i.author.login}/${i.identifier}`} target="_blank" className="infotitle task-hide">{i.author && i.author.name}/{i.name}</Link>
{i.praises_count > 0 ? <span><i className="iconfont icon-dianzan11 mr3 font-16"></i>{i.praises_count}</span> :"" } {i.praises_count > 0 ? <span><i className="iconfont icon-dianzan11 mr3 font-16"></i>{i.praises_count}</span> :"" }
{i.forked_count > 0 ? <span><i className="iconfont icon-fork2 mr3 font-13"></i>{i.forked_count}</span>:""} {i.forked_count > 0 ? <span><i className="iconfont icon-fork2 mr3 font-13"></i>{i.forked_count}</span>:""}
</div> </div>

View File

@ -385,6 +385,7 @@
font-weight: 600; font-weight: 600;
line-height: 21px; line-height: 21px;
color: #333!important; color: #333!important;
max-width: 458px;
&:hover{ &:hover{
color: #466AFF!important; color: #466AFF!important;
} }

View File

@ -793,6 +793,12 @@ body{
span{ span{
margin-left: 40px; margin-left: 40px;
} }
.listboxcount{
min-width: 60px;
text-align: left;
display: flex;
justify-content: space-between;
}
} }
} }
} }

View File

@ -52,16 +52,16 @@ function ThirdEdition() {
},[flag]) },[flag])
useEffect(()=>{ useEffect(()=>{
let box = document.getElementById('thirdUl'); // let box = document.getElementById('thirdUl');
var myTimer = setTimeout(intervalActive, 2500); // var myTimer = setTimeout(intervalActive, 2500);
box.onmouseover = () => { // box.onmouseover = () => {
clearTimeout(myTimer); // clearTimeout(myTimer);
setFlag(false); // setFlag(false);
} // }
box.onmouseleave = () => { // box.onmouseleave = () => {
myTimer = setTimeout(intervalActive, 2500); // myTimer = setTimeout(intervalActive, 2500);
setFlag(true); // setFlag(true);
} // }
},[active,flag]) },[active,flag])
function intervalActive() { function intervalActive() {
@ -125,7 +125,7 @@ function ThirdEdition() {
return( return(
<li> <li>
<a href={i.src} target="_blank">{i.name}</a> <a href={i.src} target="_blank">{i.name}</a>
<span><i className="iconfont icon-a-liulanicon2x mr5"></i>{i.count}</span> <span className="listboxcount"><i className="iconfont icon-a-liulanicon2x mr5"></i>{i.count}</span>
<span>{i.time}</span> <span>{i.time}</span>
</li> </li>
) )
@ -137,7 +137,7 @@ function ThirdEdition() {
return( return(
<li> <li>
<a href={i.src} target="_blank">{i.name}</a> <a href={i.src} target="_blank">{i.name}</a>
<span><i className="iconfont icon-a-liulanicon2x mr5"></i>{i.count}</span> <span className="listboxcount"><i className="iconfont icon-a-liulanicon2x mr5"></i>{i.count}</span>
{/* {i.time} */} {/* {i.time} */}
</li> </li>
) )
@ -149,7 +149,7 @@ function ThirdEdition() {
return( return(
<li> <li>
<a href={i.src} target="_blank">{i.name}</a> <a href={i.src} target="_blank">{i.name}</a>
<span><i className="iconfont icon-a-liulanicon2x mr5"></i>{i.count}</span> <span className="listboxcount"><i className="iconfont icon-a-liulanicon2x mr5"></i>{i.count}</span>
<span>{i.time}</span> <span>{i.time}</span>
</li> </li>
) )
@ -161,7 +161,7 @@ function ThirdEdition() {
return( return(
<li> <li>
<a href={i.src} target="_blank">{i.name}</a> <a href={i.src} target="_blank">{i.name}</a>
<span><i className="iconfont icon-a-liulanicon2x mr5"></i>{i.count}</span> <span className="listboxcount"><i className="iconfont icon-a-liulanicon2x mr5"></i>{i.count}</span>
<span>{i.time}</span> <span>{i.time}</span>
</li> </li>
) )