qt_books/pages/bookshelf/bookshelf.wxml

<!--pages/bookshelf/bookshelf.wxml-->
<view class="container">
  <view class="bookshelf-list" wx:if="{{contentList.length > 0}}">
    <view 
      class="bookshelf-item"
      wx:for="{{contentList}}"
      wx:key="contentId"
      data-id="{{item.contentId}}"
      bindtap="goToDetail"
    >
      <view class="cover-wrapper">
        <image 
          class="cover" 
          src="{{item.coverUrl}}" 
          mode="aspectFill" 
          lazy-load="{{true}}"
          wx:if="{{item.coverUrl}}"
        ></image>
        <view class="cover-placeholder" wx:else>
          <text class="cover-text">{{item.title}}</text>
        </view>
      </view>
      <view class="book-info">
        <view class="title">{{item.title}}</view>
        <view class="author">{{item.author || '未知作者'}}</view>
        <view class="meta">
          <text class="type">{{item.contentType === 1 ? '电子书' : '听书'}}</text>
          <text class="chapters">{{item.totalChapters || 0}}章</text>
        </view>
      </view>
    </view>
  </view>
  
  <view class="empty" wx:if="{{!loading && contentList.length === 0}}">
    <text>书架是空的，快去添加一些书籍吧~</text>
  </view>
  
  <view class="loading" wx:if="{{loading}}">
    <text>加载中...</text>
  </view>
</view>