- React 18 + Vite + React Router v6 - Glass morphism cards with rounded corners - Dark/light theme toggle - Article CRUD with localStorage persistence - Search, admin panel (PIN: 2501), sakura petal canvas animation Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
17 lines
437 B
JavaScript
17 lines
437 B
JavaScript
import ArticleCard from './ArticleCard';
|
||
import styles from './ArticleGrid.module.css';
|
||
|
||
export default function ArticleGrid({ articles }) {
|
||
if (!articles.length) {
|
||
return <p className={styles.empty}>还没有文章,去写第一篇吧 ✦</p>;
|
||
}
|
||
|
||
return (
|
||
<div className={styles.grid}>
|
||
{articles.map((article, i) => (
|
||
<ArticleCard key={article.id} article={article} index={i} />
|
||
))}
|
||
</div>
|
||
);
|
||
}
|