70 lines
3.0 KiB
Plaintext
70 lines
3.0 KiB
Plaintext
<view class="safe-shell home-shell" style="{{homeLayoutStyle}}">
|
||
<view class="tang-host-bar">
|
||
<button class="tang-host-button" catchtap="returnToXuetang" aria-label="退出唐侦探，返回学堂">‹ 返回学堂</button>
|
||
<button class="tang-sync-button" catchtap="syncTang">{{tangStatusText}}</button>
|
||
</view>
|
||
<view
|
||
class="home-comic-book {{coverOpened ? 'is-open' : 'is-closed'}}"
|
||
bindtap="revealCover"
|
||
aria-label="{{coverOpened ? '唐侦探漫画书已经翻开' : '唐侦探漫画封面，轻触翻开'}}"
|
||
>
|
||
<view class="home-cover-art" aria-label="桂香饭店人物群像漫画封面">
|
||
<image
|
||
class="home-cover-image"
|
||
src="/tang-detective/assets/comic/s01-c01/S01-C01-P02-missing-table-ensemble-v1.jpg"
|
||
mode="aspectFill"
|
||
></image>
|
||
<view class="home-cover-shade"></view>
|
||
<view class="home-cover-spine"><text>甄养堂 · 中国健康连环画</text></view>
|
||
<view class="home-cover-title-block">
|
||
<text class="home-cover-series">第一季</text>
|
||
<text class="home-cover-title">唐侦探</text>
|
||
<text class="home-cover-subtitle">桂香里的第十五桌</text>
|
||
</view>
|
||
<view wx:if="{{!coverOpened}}" class="home-cover-touch">
|
||
<text class="home-cover-touch-mark">›</text>
|
||
<text>翻开瞧瞧</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view
|
||
wx:if="{{coverOpened}}"
|
||
class="home-flyleaf paper-panel"
|
||
catchtap="keepCoverOpen"
|
||
aria-label="漫画书扉页"
|
||
>
|
||
<view class="home-brand">
|
||
<view class="seal">甄</view>
|
||
<view class="home-brand-copy">
|
||
<text class="home-brand-name">甄养堂</text>
|
||
<text class="home-brand-kind">一本能看、能点、能带回家聊的中国健康连环画</text>
|
||
</view>
|
||
</view>
|
||
|
||
<text class="home-flyleaf-title">桂香里的第十五桌</text>
|
||
<text class="home-season">第一季 · 一桌饭里的三代人</text>
|
||
<text class="home-quote">“一桌饭，不应该只有坐下的人，还应该有被看见的人。”</text>
|
||
|
||
<button
|
||
class="home-primary"
|
||
catchtap="startGame"
|
||
aria-label="{{hasReadingProgress ? '继续阅读上次看到的地方' : '翻开第一回'}}"
|
||
>
|
||
{{hasReadingProgress ? '接着上回往下看' : '翻开第一回'}}
|
||
</button>
|
||
|
||
<view class="home-tabs">
|
||
<button class="home-tab" catchtap="openCatalog" aria-label="打开十五回目录">目录</button>
|
||
<button class="home-tab" catchtap="openCast" aria-label="打开人物画谱">人物</button>
|
||
<button class="home-tab home-memory-tab" catchtap="openMemories" aria-label="打开我的桂香岁月">
|
||
岁月册<text wx:if="{{memoryCount > 0}}"> · {{memoryCount}}页</text>
|
||
</button>
|
||
</view>
|
||
|
||
<text class="home-tagline">先看画、听故事；翻到背面，再聊聊这回事。</text>
|
||
</view>
|
||
</view>
|
||
|
||
<text wx:if="{{coverOpened}}" class="home-disclaimer">这里聊的是日常生活，不替代诊断、处方或个体化治疗建议。</text>
|
||
</view>
|