现在的我们部分
This commit is contained in:
+13
-9
@@ -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
@@ -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>
|
||||
))
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user