92 lines
3.9 KiB
Plaintext
92 lines
3.9 KiB
Plaintext
<view class="safe-shell memories-shell font-{{fontScale}}">
|
||
<view class="memories-book paper-panel">
|
||
<view class="memories-head">
|
||
<button class="memory-back" bindtap="goBack" aria-label="回到封面">
|
||
<text class="memory-back-long">‹ 封面</text>
|
||
<text class="memory-back-short">封面</text>
|
||
</button>
|
||
<view class="memories-heading">
|
||
<text class="memories-title">我的桂香岁月</text>
|
||
<text class="memories-subtitle">
|
||
{{memoryCount > 0 ? '收下的故事，慢慢翻、慢慢聊' : '一本等你慢慢装满的故事册'}}
|
||
</text>
|
||
</view>
|
||
<view class="memories-head-actions">
|
||
<button
|
||
class="memory-font"
|
||
bindtap="toggleFont"
|
||
aria-label="{{fontScale === 'large' ? '把文字再放大一些' : '恢复较大文字'}}"
|
||
>
|
||
<text class="memory-font-long">{{fontScale === 'large' ? '再大一点' : '标准大字'}}</text>
|
||
<text class="memory-font-short">大字</text>
|
||
</button>
|
||
<view class="capsule-safe-space" aria-hidden="true"></view>
|
||
</view>
|
||
</view>
|
||
|
||
<view wx:if="{{memoryCount === 0}}" class="empty-memory">
|
||
<view class="empty-bookmark">桂香</view>
|
||
<view class="empty-copy">
|
||
<text class="empty-title">这本册子，还等着第一段回忆</text>
|
||
<text class="empty-text">每读完一回，把最后那一页“收进画册”，这里就会多一段人物、一件旧物和一句带回家聊的话。</text>
|
||
<button class="empty-action" bindtap="openCatalog">去翻一回故事</button>
|
||
</view>
|
||
</view>
|
||
|
||
<scroll-view
|
||
wx:else
|
||
class="memory-scroll"
|
||
scroll-x
|
||
enhanced
|
||
enable-flex
|
||
show-scrollbar="{{true}}"
|
||
aria-label="已收藏的桂香故事页"
|
||
>
|
||
<view class="memory-pages">
|
||
<view
|
||
wx:for="{{memories}}"
|
||
wx:key="cardId"
|
||
class="memory-sheet"
|
||
aria-label="{{item.pageLabel}}，{{item.chapterLabel}}，{{item.chapterTitle}}"
|
||
>
|
||
<view class="memory-sheet-spine" aria-hidden="true"></view>
|
||
<view class="memory-left">
|
||
<text class="memory-page-number">{{item.pageLabel}}</text>
|
||
<view class="memory-person-seal">{{item.characterInitial}}</view>
|
||
<text class="memory-person">{{item.characterName}}</text>
|
||
<text class="memory-era">{{item.eraLine}}</text>
|
||
<view class="memory-object">
|
||
<text class="memory-label">这一回留下的物件</text>
|
||
<text>{{item.eraObject || '桂香饭桌边的一件旧物'}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<scroll-view class="memory-right" scroll-y enhanced show-scrollbar="{{true}}">
|
||
<text class="memory-chapter">{{item.chapterLabel}} · {{item.chapterTitle}}</text>
|
||
<text class="memory-echo">“{{item.tableEcho}}”</text>
|
||
<view class="memory-note">
|
||
<text class="memory-label">今天可以这样做</text>
|
||
<text>{{item.lifeAction}}</text>
|
||
</view>
|
||
<view class="memory-note family-note">
|
||
<text class="memory-label">带回家聊一聊</text>
|
||
<text>“{{item.familyLine}}”</text>
|
||
</view>
|
||
<button
|
||
class="memory-reread"
|
||
data-chapter="{{item.chapterNumber}}"
|
||
bindtap="openChapter"
|
||
aria-label="再读第{{item.chapterNumber}}回，{{item.chapterTitle}}"
|
||
>再读这一回</button>
|
||
</scroll-view>
|
||
</view>
|
||
<view class="memory-end-card">
|
||
<text class="memory-end-title">往后的页，还在饭桌边等你</text>
|
||
<text>每收下一页，不是为了攒数字，只为记住一个被看见的人。</text>
|
||
<button class="memory-end-action" bindtap="openCatalog">继续翻故事</button>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
</view>
|