现在的我们部分

This commit is contained in:
2026-05-03 07:21:09 +08:00 Unverified
parent 18ef21d984
commit 2aefce14b2
6 changed files with 77 additions and 152 deletions
+13 -9
View File
@@ -114,21 +114,25 @@ const previewPeople = people.slice(0, 6);
{
previewPeople.map((person) => (
<a class="person person-link" href={`/people/${person.slug}/`}>
<div class="avatar">{person.initial}</div>
<h3>
{person.name} · {person.location}
</h3>
<div class="person-meta">
<span>{person.school}</span>
<span>{person.direction}</span>
<div class="person-photo" style={person.photo ? `--person-photo: url("${person.photo}")` : ""}>
<span>{person.initial}</span>
</div>
<div class="person-body">
<h3>
{person.name} · {person.location}
</h3>
<div class="person-meta">
<span>{person.school}</span>
<span>{person.direction}</span>
</div>
<p>{person.text}</p>
</div>
<p>{person.text}</p>
</a>
))
}
</div>
<a class="section-link" href="/people/">查看所有同学</a>
<a class="section-link" href="/people/">查看如今的我们</a>
</div>
</section>
+14 -10
View File
@@ -21,18 +21,22 @@ import { site } from "../data/site";
{
people.map((person) => (
<a class="person person-link" href={`/people/${person.slug}/`}>
<div class="avatar">{person.initial}</div>
<h3>
{person.name} · {person.location}
</h3>
<div class="person-meta">
<span>{person.school}</span>
<span>{person.direction}</span>
<div class="person-photo" style={person.photo ? `--person-photo: url("${person.photo}")` : ""}>
<span>{person.initial}</span>
</div>
<div class="keyword-row">
{person.keywords.map((keyword) => <span>{keyword}</span>)}
<div class="person-body">
<h3>
{person.name} · {person.location}
</h3>
<div class="person-meta">
<span>{person.school}</span>
<span>{person.direction}</span>
</div>
<div class="keyword-row">
{person.keywords.map((keyword) => <span>{keyword}</span>)}
</div>
<p>{person.text}</p>
</div>
<p>{person.text}</p>
</a>
))
}
+7 -1
View File
@@ -24,7 +24,9 @@ const { person } = Astro.props;
<p>{person.text}</p>
</div>
<aside class="profile-card">
<div class="avatar profile-avatar">{person.initial}</div>
<div class="profile-photo" style={person.photo ? `--person-photo: url("${person.photo}")` : ""}>
<span>{person.initial}</span>
</div>
<dl>
<div>
<dt>所在城市</dt>
@@ -38,6 +40,10 @@ const { person } = Astro.props;
<dt>方向</dt>
<dd>{person.direction}</dd>
</div>
<div>
<dt>联系方式</dt>
<dd>{person.contact}</dd>
</div>
</dl>
</aside>
</div>