95 lines
3.7 KiB
HTML
95 lines
3.7 KiB
HTML
{# template-title: {{ roleName | default("角色") }} - 成就查询 #}
|
|
|
|
<main class="page-container">
|
|
<header class="page-header">
|
|
<div class="header-content">
|
|
<div class="header-label">角色成就查询</div>
|
|
|
|
<h1 class="role-name">
|
|
{{ roleName | default("未知角色", true) }}
|
|
</h1>
|
|
|
|
<div class="header-line"></div>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="achievement-list">
|
|
{% if data %}
|
|
{% for item in data %}
|
|
<article
|
|
class="
|
|
achievement-card
|
|
{% if item.isFinished %}
|
|
finished
|
|
{% endif %}
|
|
"
|
|
>
|
|
<div class="card-header">
|
|
<div class="title-area">
|
|
<h2 class="achievement-name">
|
|
{{ item.name | default("未知成就", true) }}
|
|
</h2>
|
|
|
|
<div class="category-row">
|
|
<span class="category-tag">
|
|
{{ item.subClass | default("未分类", true) }}
|
|
</span>
|
|
|
|
<span class="category-tag detail">
|
|
{{ item.detail | default("暂无细分", true) }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="status-area">
|
|
{% if item.isFinished %}
|
|
<span class="status-badge status-finished">
|
|
已完成
|
|
</span>
|
|
{% else %}
|
|
<span class="status-badge status-unfinished">
|
|
未完成
|
|
</span>
|
|
{% endif %}
|
|
|
|
{% if item.isFav %}
|
|
<span class="favorite-badge">
|
|
★ 已收藏
|
|
</span>
|
|
{% else %}
|
|
<span class="favorite-badge not-favorite">
|
|
☆ 未收藏
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<p class="description">
|
|
{{ item.desc | default("暂无成就说明", true) }}
|
|
</p>
|
|
|
|
<div class="card-footer">
|
|
<span class="point-label">
|
|
成就点数
|
|
</span>
|
|
|
|
<span class="point-value">
|
|
<span class="point-number">
|
|
{{ item.rewardPoint | default(0, true) }}
|
|
</span>
|
|
|
|
<span class="point-unit">
|
|
点
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
{% else %}
|
|
<div class="empty-state">
|
|
暂未查询到成就数据
|
|
</div>
|
|
{% endif %}
|
|
</section>
|
|
</main>
|