44 lines
1.6 KiB
Plaintext
44 lines
1.6 KiB
Plaintext
<view class="library-page">
|
|
<view class="library-page__header">
|
|
<text class="library-page__title">{{title}}</text>
|
|
<view class="library-page__search" bindtap="handleSearchTap">{{searchButtonText}}</view>
|
|
</view>
|
|
|
|
<view class="library-page__content">
|
|
<view class="library-page__sidebar">
|
|
<view
|
|
class="library-page__category {{activeCategoryId === item.id ? 'library-page__category--active' : ''}}"
|
|
wx:for="{{categories}}"
|
|
wx:key="id"
|
|
data-category-id="{{item.id}}"
|
|
bindtap="handleCategoryTap"
|
|
>
|
|
<text class="library-page__category-label">{{item.name}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="library-page__main">
|
|
<view class="library-page__bridge" bindtap="handleDomainBridgeTap">
|
|
<text class="library-page__bridge-title">{{domainBridge.title}}</text>
|
|
<text class="library-page__bridge-subtitle">{{domainBridge.subtitle}}</text>
|
|
</view>
|
|
|
|
<view class="library-page__current">当前分类: {{currentCategoryName}}</view>
|
|
|
|
<view class="library-page__book-list">
|
|
<view class="book-card" wx:for="{{visibleBooks}}" wx:key="id">
|
|
<view class="book-card__cover">
|
|
<view class="book-card__cover-spine"></view>
|
|
<text class="book-card__cover-char">{{item.coverText}}</text>
|
|
</view>
|
|
|
|
<view class="book-card__body">
|
|
<text class="book-card__title">{{item.title}}</text>
|
|
<text class="book-card__meta">{{item.author}} / {{item.dynasty}} / {{item.period}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|