Commit 85a3e149 authored by xuchentao's avatar xuchentao

style: simplify article cards

parent 7feb311d
Pipeline #439 passed with stage
in 16 seconds
...@@ -5,11 +5,7 @@ interface Props { items: Article[]; } ...@@ -5,11 +5,7 @@ interface Props { items: Article[]; }
const { items } = Astro.props; const { items } = Astro.props;
--- ---
<div class="article-grid"> <div class="article-grid">
{items.map((article, index) => <article class:list={["article-card", index === 0 && "article-card--featured"]}> {items.map((article) => <article class="article-card">
<a href={`/articles/${article.data.slug}/`} class="article-card__intro" aria-label={article.data.title}>
<span>{article.data.category}</span>
<span class="article-card__series">嘉运资讯 <small>NEWS {String(index + 1).padStart(2, "0")}</small></span>
</a>
<div class="article-card__body"><div class="article-meta"><time datetime={article.data.date.toISOString()}>{article.data.date.toISOString().slice(0, 10)}</time><span>{article.data.category}</span></div><h2><a href={`/articles/${article.data.slug}/`}>{article.data.title}</a></h2><p>{article.data.excerpt}</p><a class="text-link" href={`/articles/${article.data.slug}/`}>阅读全文 <Icon name="arrow" size={17} /></a></div> <div class="article-card__body"><div class="article-meta"><time datetime={article.data.date.toISOString()}>{article.data.date.toISOString().slice(0, 10)}</time><span>{article.data.category}</span></div><h2><a href={`/articles/${article.data.slug}/`}>{article.data.title}</a></h2><p>{article.data.excerpt}</p><a class="text-link" href={`/articles/${article.data.slug}/`}>阅读全文 <Icon name="arrow" size={17} /></a></div>
</article>)} </article>)}
</div> </div>
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment