万圣节&圣诞节皮肤
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
import { cn } from "@/lib/utils";
|
||||
import "./festival.css";
|
||||
|
||||
/**
|
||||
* 底部导航栏的节日贴纸图标:只替换 lucide 图标的视觉,尺寸与原图标一致(22px),
|
||||
* 选中态用青色辉光表达、未选中态压暗降饱和,不改变导航布局与点击行为。
|
||||
*/
|
||||
export default function FestivalNavIcon({
|
||||
src,
|
||||
active = false,
|
||||
}: {
|
||||
src: string;
|
||||
active?: boolean;
|
||||
}) {
|
||||
return (
|
||||
<img
|
||||
src={src}
|
||||
alt=""
|
||||
draggable={false}
|
||||
aria-hidden="true"
|
||||
className={cn(
|
||||
"festival-nav-icon pointer-events-none select-none",
|
||||
active ? "festival-nav-icon-active" : "festival-nav-icon-idle",
|
||||
)}
|
||||
/>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user