64 lines
2.5 KiB
Plaintext
64 lines
2.5 KiB
Plaintext
<view class="safe-shell catalog-shell font-{{fontScale}}">
|
||
<view class="catalog-head paper-panel">
|
||
<button class="quiet-button" bindtap="goBack" aria-label="返回封面">‹ 封面</button>
|
||
<view class="catalog-heading-copy">
|
||
<text class="eyebrow">桂香里的第十五桌</text>
|
||
<text class="catalog-title catalog-title-full">第一季 · 十五回目录</text>
|
||
<text class="catalog-title catalog-title-short">十五回目录</text>
|
||
</view>
|
||
<button
|
||
class="quiet-button restart-story-button"
|
||
bindtap="restartStory"
|
||
aria-label="从第一回重新开始，清空关卡进度但保留收藏"
|
||
>从头再看</button>
|
||
</view>
|
||
|
||
<scroll-view
|
||
class="chapter-scroll"
|
||
scroll-y
|
||
enhanced
|
||
show-scrollbar="{{true}}"
|
||
lower-threshold="24"
|
||
bindscrolltolower="markListEnd"
|
||
aria-label="十五回故事目录，可上下滑动"
|
||
>
|
||
<view class="chapter-grid">
|
||
<view
|
||
wx:for="{{chapters}}"
|
||
wx:key="chapterId"
|
||
class="chapter-card paper-panel {{item.completed ? 'completed' : ''}} {{item.current ? 'current' : ''}}"
|
||
aria-role="button"
|
||
aria-label="第{{item.number}}回，{{item.title}}，{{item.readingLabel}}"
|
||
hover-class="chapter-card-hover"
|
||
data-chapter="{{item.number}}"
|
||
bindtap="openChapter"
|
||
>
|
||
<view class="chapter-number">
|
||
<text>第</text>
|
||
<text class="number">{{item.number < 10 ? '0' + item.number : item.number}}</text>
|
||
<text>回</text>
|
||
</view>
|
||
<view class="chapter-card-copy">
|
||
<text class="year">{{item.year}}</text>
|
||
<text class="chapter-name">{{item.title}}</text>
|
||
<view class="chapter-badges">
|
||
<text class="chapter-badge {{item.completed ? 'done-badge' : item.current ? 'current-badge' : 'read-badge'}}">
|
||
{{item.readingLabel}}
|
||
</text>
|
||
<text wx:if="{{item.current && item.eventCount > 0 && !item.completed}}" class="chapter-progress">
|
||
已看见 {{item.eventCount}} 处线索
|
||
</text>
|
||
</view>
|
||
</view>
|
||
<text class="open-arrow">›</text>
|
||
</view>
|
||
</view>
|
||
<text class="scroll-ending">十五回故事，都在这本画册里。</text>
|
||
</scroll-view>
|
||
|
||
<view class="list-scroll-guide" aria-live="polite">
|
||
<text>{{catalogListEnded ? '已经翻到最后一回' : '向下翻，还有更多故事'}}</text>
|
||
<text class="scroll-guide-mark" aria-hidden="true">{{catalogListEnded ? '✓' : '⌄'}}</text>
|
||
</view>
|
||
</view>
|