feat: add wechat logo

main
guofei 2024-11-06 13:11:56 +08:00
parent cb2bed34d2
commit a286e07272
1 changed files with 7 additions and 8 deletions

View File

@ -1,9 +1,9 @@
"use client"; "use client";
import Marquee from "react-fast-marquee"; import Marquee from "react-fast-marquee";
const data = [ const data = [
{ url: "logo-yandex.png" }, { url: "logo-yandex.png" },
{ url: "logo-weixin.png" },
{ url: "logo-vungle.png" }, { url: "logo-vungle.png" },
{ url: "logo-unity.png" }, { url: "logo-unity.png" },
{ url: "logo-tiktok.png" }, { url: "logo-tiktok.png" },
@ -21,18 +21,17 @@ const data = [
]; ];
export default function ChannelSwiper() { export default function ChannelSwiper() {
return ( return (
<> <>
<div className="overflow-hidden flex items-center"> <div className="overflow-hidden flex items-center">
<Marquee speed={20}> <Marquee speed={20}>
{ {data.map((item, index) => {
data.map((item, index) => { return (
return <div key={index} className="mx-8 max-w-[100px] w-auto h-[80px] flex items-center"> <div key={index} className="mx-8 max-w-[100px] w-auto h-[80px] flex items-center">
<img src={`https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/channel/${item.url}`} className="" alt="" /> <img src={`https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/channel/${item.url}`} className={`${item.url.includes("chartboost") ? "translate-y-[-10px]" : ""}`} alt="" />
</div> </div>
}) );
} })}
</Marquee> </Marquee>
</div> </div>
</> </>