mini_read_space_front/pages/bookshelf/bookshelf.wxml

<!--pages/bookshelf/bookshelf.wxml-->
<view class="container">
  <!-- 顶部标签页 -->
  <view class="tabs">
    <view class="tab {{activeTab === 'history' ? 'active' : ''}}" bindtap="switchTab" data-tab="history">
      阅读记录
    </view>
    <!-- <view class="tab {{activeTab === 'edit' ? 'active' : ''}}" bindtap="switchTab" data-tab="edit">
      编辑书架
    </view> -->
  </view>

  <!-- 书籍列表 -->
  <scroll-view scroll-y class="book-list" bindscrolltolower="loadMore">
    <view class="book-grid">
      <view class="book-item" wx:for="{{bookList}}" wx:key="id" bindtap="goToBookDetail" data-book="{{item}}">
        <view class="book-cover-wrap">
          <image class="book-cover" src="{{item.novelCover}}" mode="aspectFill"/>
          <text class="read-status" wx:if="{{activeTab === 'history'}}">读过</text>
        </view>
        <text class="book-title">{{item.novelTitle}}</text>
        <text class="latest-chapter" wx:if="{{item.novelChapterTitle}}">{{item.novelChapterTitle}}</text>
        
      </view>
    </view>
    
    <!-- 加载状态 -->
    <view class="loading" wx:if="{{loading}}">
      <text>加载中...</text>
    </view>
    
    <!-- 没有更多 -->
    <view class="no-more" wx:if="{{!loading && bookList.length > 0}}">
      <text>没有更多了</text>
    </view>
    
    <!-- 空状态 -->
    <view class="empty" wx:if="{{!loading && bookList.length === 0}}">
      <text wx:if="{{activeTab === 'history'}}">暂无阅读记录</text>
      <text wx:else>暂无收藏书籍</text>
    </view>
  </scroll-view>
</view>