- <view class="container data-v-babe43ef"><view class="search-bar data-v-babe43ef"><input class="search-input data-v-babe43ef" placeholder="搜索书架"/><text class="search-icon data-v-babe43ef">🔍</text></view><scroll-view class="scroll-content data-v-babe43ef" scroll-y><view wx:if="{{a}}" class="section data-v-babe43ef"><view class="section-header data-v-babe43ef"><text class="section-title data-v-babe43ef">我的书架</text><text class="book-count data-v-babe43ef">共{{b}}本</text></view><view wx:if="{{c}}" class="book-grid data-v-babe43ef"><view wx:for="{{d}}" wx:for-item="item" wx:key="h" class="book-item data-v-babe43ef" bindtap="{{item.i}}"><image class="book-cover data-v-babe43ef" src="{{item.a}}" mode="aspectFill" lazy-load="{{true}}"></image><text class="book-name data-v-babe43ef">{{item.b}}</text><text wx:if="{{item.c}}" class="book-progress data-v-babe43ef">{{item.d}}%</text><text wx:elif="{{item.e}}" class="book-progress data-v-babe43ef">{{item.f}}</text><view wx:if="{{item.g}}" class="type-badge data-v-babe43ef"><text class="type-badge-text data-v-babe43ef">听书</text></view></view></view><view wx:else class="empty-state data-v-babe43ef"><text class="empty-text data-v-babe43ef">书架空空如也，快去添加书籍吧~</text></view></view><view wx:if="{{e}}" class="section data-v-babe43ef"><view class="section-header data-v-babe43ef"><text class="section-title data-v-babe43ef">最近阅读</text></view><view class="book-list data-v-babe43ef"><view wx:for="{{f}}" wx:for-item="item" wx:key="i" class="book-list-item data-v-babe43ef" bindtap="{{item.j}}"><image class="book-cover-small data-v-babe43ef" src="{{item.a}}" mode="aspectFill" lazy-load="{{true}}"></image><view class="book-info data-v-babe43ef"><view class="book-title-row data-v-babe43ef"><text class="book-title data-v-babe43ef">{{item.b}}</text><text wx:if="{{item.c}}" class="type-tag data-v-babe43ef">听书</text></view><text class="book-author data-v-babe43ef">{{item.d}}</text><text wx:if="{{item.e}}" class="book-progress-text data-v-babe43ef">阅读进度：{{item.f}}%</text><text wx:elif="{{item.g}}" class="book-progress-text data-v-babe43ef">{{item.h}}</text></view></view></view></view><view wx:if="{{g}}" class="empty-state data-v-babe43ef"><text class="empty-text data-v-babe43ef">请先登录查看书架</text><button class="login-btn data-v-babe43ef" bindtap="{{h}}">去登录</button></view></scroll-view></view>
|
