expdsn
/
ai-bot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

save

This commit is contained in:
expdsn 2025-02-24 23:04:00 +08:00
parent 4ea9c33bd4
commit 0a762f8ace
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/_ui/LinkListBox.tsx
View File

@ -4,7 +4,7 @@ import { LinkType } from "../_lib/data/linkType";
import { Link as _Link } from "../_lib/data/link"; import { Link as _Link } from "../_lib/data/link";
import { useEffect, useMemo } from "react"; import { useEffect, useMemo } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faClock, faFire, faTimeline, faTimesCircle, faTimesRectangle, faVolumeTimes } from "@fortawesome/free-solid-svg-icons"; import { faArrowRight, faClock, faFire, faRightFromBracket, faRightLong, faTimeline, faTimesCircle, faTimesRectangle, faVolumeTimes } from "@fortawesome/free-solid-svg-icons";
import { useAtom } from "jotai"; import { useAtom } from "jotai";
import { linkTypeAtom } from "../_lib/atom"; import { linkTypeAtom } from "../_lib/atom";
import Image from "next/image"; import Image from "next/image";
@ -71,13 +71,18 @@ export default function LinkListBox({ linkTypeList, linkList, showHot, showRecen
{ {
linkTypeList.map(item => ( linkTypeList.map(item => (
<div className="flex flex-col gap-y-2" key={item._id} id={item._id}> <div className="flex flex-col gap-y-2" key={item._id} id={item._id}>
<div className="flex items-center text-[#555555] gap-x-2 text-xl relative"> <div className="flex items-center text-[#555555] gap-x-2 w-full text-xl relative">
<img src={item.icon as string} className="w-[30px] h-[30px] object-cover"></img> <img src={item.icon as string} className="w-[30px] h-[30px] object-cover"></img>
<span>{item.label}</span> <span>{item.label}</span>
<span className="aboslute right-1 top-1/2 -transform-y-1/2"> {
linkList.filter(val => val.type === item._id).length >= 42 &&
</span> <span className="absolute cursor-pointer hover:text-[#333] right-1 text-[#666] flex gap-x-1 items-center text-[14px] ">
查看该分类下所有
<FontAwesomeIcon icon={faArrowRight}></FontAwesomeIcon>
</span>
}
</div> </div>
<div className=" grid grid-cols-3 lg:grid-cols-6 gap-4 "> <div className=" grid grid-cols-3 lg:grid-cols-6 gap-4 ">
{ {