图片瀑布流

// 纯 Tailwind CSS，无需额外依赖
const images: string[] = [
    "https://cdn.pixabay.com/photo/2022/10/24/09/31/flower-7543035_1280.jpg",
    "https://cdn.pixabay.com/photo/2020/01/04/20/30/tree-4741598_1280.jpg",
    "https://cdn.pixabay.com/photo/2024/12/18/01/27/lightning-9274136_1280.jpg",
    "https://cdn.pixabay.com/photo/2025/06/14/17/27/nature-9659850_1280.jpg",
    "https://cdn.pixabay.com/photo/2022/12/17/13/46/woods-7661735_1280.jpg",
    "https://cdn.pixabay.com/photo/2023/04/16/10/55/nature-7929920_1280.jpg",
    "https://cdn.pixabay.com/photo/2025/06/28/17/56/forest-9685700_1280.jpg",
    "https://cdn.pixabay.com/photo/2020/03/03/20/31/boat-4899802_1280.jpg",
    "https://cdn.pixabay.com/photo/2021/09/13/08/18/blue-flower-6620619_1280.jpg",
    "https://cdn.pixabay.com/photo/2023/11/25/12/18/sea-8411640_1280.jpg",
    "https://cdn.pixabay.com/photo/2024/01/25/12/30/mountain-8531778_1280.jpg",
    "https://cdn.pixabay.com/photo/2025/05/30/17/15/mountain-9631829_1280.jpg",
    "https://cdn.pixabay.com/photo/2022/10/11/18/53/autumn-7514966_1280.jpg",
    "https://cdn.pixabay.com/photo/2025/05/31/20/23/trees-9634157_1280.jpg",
    "https://cdn.pixabay.com/photo/2021/10/07/00/48/boat-6686952_1280.jpg",
    "https://cdn.pixabay.com/photo/2025/05/31/21/25/insects-9634230_1280.jpg",
    "https://cdn.pixabay.com/photo/2019/12/03/21/29/mountains-4671122_1280.jpg",
    "https://cdn.pixabay.com/photo/2019/12/30/05/22/bird-4728857_1280.jpg",
    "https://cdn.pixabay.com/photo/2023/09/29/07/52/rocks-8283191_1280.jpg",
    "https://cdn.pixabay.com/photo/2019/12/29/04/06/waterfall-4726196_1280.jpg",
];

export default function Page() {
    return (
        <div className="columns-xs gap-5 p-5 *:break-inside-avoid">
            {images.map((src, i) => (
                <img
                    className="mb-5 cursor-pointer duration-300
                               hover:translate-x-1 hover:shadow-2xl"
                    src={src}
                    alt=""
                    key={i}
                />
            ))}
        </div>
    );
}