gengxin
This commit is contained in:
@@ -0,0 +1,63 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user