Files
xuanzhi-wx/packages/tcm/pages/book-detail/index.wxml

55 lines
1.7 KiB
Plaintext

<view class="book-detail-page">
<view class="hero-card">
<view class="hero-card__cover">{{coverText}}</view>
<view class="hero-card__body">
<text class="hero-card__title">{{book.title}}</text>
<text class="hero-card__subtitle">{{book.subtitle}}</text>
<view class="hero-card__tags">
<text class="hero-card__tag" wx:for="{{tags}}" wx:key="index">{{item}}</text>
</view>
<view class="hero-card__button" bindtap="handlePrimaryTap">开始阅读</view>
</view>
</view>
<view class="section-card">
<text class="section-card__title">简介</text>
<text class="section-card__description">{{description}}</text>
</view>
<view class="section-card">
<text class="section-card__title">我的阅读进度</text>
<text class="section-card__description">{{progressText}}</text>
</view>
<view class="section-card">
<text class="section-card__title">章节目录</text>
<view
class="catalog-row"
wx:for="{{catalog}}"
wx:key="key"
data-route="{{item.route}}"
bindtap="handleCatalogTap"
>
<view class="catalog-row__body">
<text class="catalog-row__title">{{item.title}}</text>
<text class="catalog-row__child" wx:for="{{item.children}}" wx:key="index">{{item}}</text>
</view>
<text class="catalog-row__arrow">></text>
</view>
</view>
<view class="section-card">
<text class="section-card__title">相关推荐</text>
<view
class="recommend-card"
wx:for="{{recommends}}"
wx:key="key"
data-route="{{item.route}}"
bindtap="handleRecommendTap"
>
<text class="recommend-card__cover">典</text>
<text class="recommend-card__title">{{item.title}}</text>
</view>
</view>
</view>