20 lines
502 B
TypeScript
20 lines
502 B
TypeScript
import type { ArticleItem } from '../../data/types'
|
|
import { CesCard } from './CesCard'
|
|
|
|
/** 明细页图文网格：4 列白卡，窄屏 2 列 */
|
|
type CesCardGridProps = {
|
|
items: ArticleItem[]
|
|
/** 点击卡片打开文章详情 */
|
|
onOpen?: (itemId: string) => void
|
|
}
|
|
|
|
export function CesCardGrid({ items, onOpen }: CesCardGridProps) {
|
|
return (
|
|
<div className="ces-grid">
|
|
{items.map((item) => (
|
|
<CesCard key={item.id} item={item} onOpen={onOpen} />
|
|
))}
|
|
</div>
|
|
)
|
|
}
|