@@ -3,19 +3,33 @@ import {Picture} from "astro:assets";
33import blueFireIcon from " @assets/icons/blurFire.svg" ;
44import starIcon from " @assets/icons/star.svg" ;
55
6- const {url, title, description, date, hot} = Astro .props ;
6+ const {url, title, description, date, hot, logo} = Astro .props ;
7+ const iconMap = {
8+ ' start-springboot-v3' : starIcon ,
9+ ' video-transcode-v3' : starIcon ,
10+ ' start-modelscope-v3' : starIcon ,
11+ ' fc-ai-character' : starIcon ,
12+ ' fc-stable-diffusion-v3' : starIcon ,
13+ ' start-flask-v3' : starIcon
14+ }
715---
816
917<div class =" card flex flex-col gap-8 text-white border border-[#4a4c57] rounded-xl p-5 hover:bg-[#1e1f22]" onclick =`window.open('${url }', '_blank')` >
10- <div class =" p-3 bg-white bg-opacity-5 rounded-xl border-[0.8px] border-[#b3b6c1] w-fit" >
11- <Picture class =" rounded-full" src ={ starIcon } alt =" starIcon" />
18+ <div class =" p-3 bg-white bg-opacity-5 rounded-xl border-[0.8px] border-[#b3b6c1] w-[52px] h-[52px]" >
19+ <Picture
20+ class =" object-contain w-full h-full"
21+ src ={ iconMap [title ] || logo || starIcon }
22+ alt =" starIcon"
23+ width ={ 52 }
24+ height ={ 52 }
25+ />
1226 </div >
1327 <div class =" flex flex-col" >
1428 <a class =" text-lg font-bold title"
1529 href ={ url } >{ title } </a >
1630 <p class =" text-sm text-info" >{ description } </p >
1731 </div >
18- <div class =" flex flex-row justify-between items-center" >
32+ <div class =" flex flex-row justify-between items-center mt-auto " >
1933 <div class =" flex flex-row gap-1 items-center text-white" >
2034 <Picture class =" rounded-full" src ={ blueFireIcon } alt =" blueFireIcon" />
2135 <span class =" text-sm font-light" >{ hot } </span >
0 commit comments