Compare commits
No commits in common. "43f52b64e2e5dbf246d8553e54bd88510946497d" and "4ea9c33bd4be552e0b3f5d7a959d3d76bd6bf272" have entirely different histories.
43f52b64e2
...
4ea9c33bd4
|
|
@ -1,32 +0,0 @@
|
||||||
import { getLinkList, getLinkListAll } from "@/app/_lib/data/link";
|
|
||||||
import { LinkBlock } from "@/app/_ui/LinkListBox";
|
|
||||||
import Search from "@/app/_ui/Search";
|
|
||||||
import { use } from "react";
|
|
||||||
|
|
||||||
export default async function Page({ params }: { params: Promise<{ id: string }> }) {
|
|
||||||
|
|
||||||
const id = (await params).id
|
|
||||||
const { list: linkList } = await getLinkList({ typeId: id })
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
{/* <HeaderNav></HeaderNav> */}
|
|
||||||
<main className="w-full p-5">
|
|
||||||
<Search></Search >
|
|
||||||
<div className=" grid grid-cols-3 lg:grid-cols-6 gap-4 ">
|
|
||||||
{
|
|
||||||
linkList.map(val => (
|
|
||||||
<LinkBlock val={val} key={val._id} />
|
|
||||||
|
|
||||||
))
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
{/* <PosterBox posterList={[]} /> */}
|
|
||||||
</>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
@ -4,12 +4,12 @@ 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 { faArrowRight, faClock, faFire, faRightFromBracket, faRightLong, faTimeline, faTimesCircle, faTimesRectangle, faVolumeTimes } from "@fortawesome/free-solid-svg-icons";
|
import { faClock, faFire, 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";
|
||||||
const PICTURE_PREFIX = 'https://newuitab.oss-cn-hangzhou.aliyuncs.com/ai_upload/downloads/'
|
const PICTURE_PREFIX = 'https://newuitab.oss-cn-hangzhou.aliyuncs.com/ai_upload/downloads/'
|
||||||
export const LinkBlock = ({ val }: { val: _Link }) => {
|
const LinkBlock = ({ val }: { val: _Link }) => {
|
||||||
return <Link className="flex gap-x-2 bg-white rounded-lg py-4 pl-2 cursor-pointer duration-150 hover:-translate-y-1 shadow-sm"
|
return <Link className="flex gap-x-2 bg-white rounded-lg py-4 pl-2 cursor-pointer duration-150 hover:-translate-y-1 shadow-sm"
|
||||||
href={val.articleId ? `/article/${val.articleId}` : val.link || ''} target="_blank">
|
href={val.articleId ? `/article/${val.articleId}` : val.link || ''} target="_blank">
|
||||||
<img src={val.logoLink.startsWith('http') ? val.logoLink : (PICTURE_PREFIX + val.logoLink)} className="w-[40px] h-[40px]"></img>
|
<img src={val.logoLink.startsWith('http') ? val.logoLink : (PICTURE_PREFIX + val.logoLink)} className="w-[40px] h-[40px]"></img>
|
||||||
|
|
@ -71,20 +71,13 @@ 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 w-full text-xl relative">
|
<div className="flex items-center text-[#555555] gap-x-2 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 &&
|
|
||||||
|
|
||||||
<Link
|
</span>
|
||||||
href={"/detail/" + item._id}
|
|
||||||
className="absolute cursor-pointer hover:text-[#333] right-1 text-[#666] flex gap-x-1 items-center text-[14px] ">
|
|
||||||
查看该分类下所有
|
|
||||||
<FontAwesomeIcon icon={faArrowRight}></FontAwesomeIcon>
|
|
||||||
</Link>
|
|
||||||
}
|
|
||||||
</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 ">
|
||||||
{
|
{
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue