时间线链接

This commit is contained in:
2026-05-02 20:47:58 +08:00 Unverified
parent 955dc9b608
commit 17f65f63dd
4 changed files with 71 additions and 22 deletions
+19 -9
View File
@@ -49,15 +49,25 @@ const previewPeople = people.slice(0, 6);
<div class="timeline">
{
previewTimeline.map((moment) => (
<article class="moment">
<time>{moment.date}</time>
<div>
<h3>{moment.title}</h3>
<p>{moment.text}</p>
</div>
</article>
))
previewTimeline.map((moment) =>
moment.href ? (
<a class="moment moment-link" href={moment.href}>
<time>{moment.date}</time>
<div>
<h3>{moment.title}</h3>
<p>{moment.text}</p>
</div>
</a>
) : (
<article class="moment">
<time>{moment.date}</time>
<div>
<h3>{moment.title}</h3>
<p>{moment.text}</p>
</div>
</article>
)
)
}
</div>
+19 -9
View File
@@ -19,15 +19,25 @@ import { timeline, timelineIntro } from "../data/timeline";
<div class="section-inner">
<div class="timeline">
{
timeline.map((moment) => (
<article class="moment">
<time>{moment.date}</time>
<div>
<h3>{moment.title}</h3>
<p>{moment.text}</p>
</div>
</article>
))
timeline.map((moment) =>
moment.href ? (
<a class="moment moment-link" href={moment.href}>
<time>{moment.date}</time>
<div>
<h3>{moment.title}</h3>
<p>{moment.text}</p>
</div>
</a>
) : (
<article class="moment">
<time>{moment.date}</time>
<div>
<h3>{moment.title}</h3>
<p>{moment.text}</p>
</div>
</article>
)
)
}
</div>
</div>