list.wxml 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!--pages/book/list.wxml-->
  2. <view class="container">
  3. <!-- 顶部标题栏 -->
  4. <view class="header">
  5. <view class="back-btn" bindtap="goBack">
  6. <view class="icon-back">
  7. <view class="icon-back-arrow"></view>
  8. </view>
  9. </view>
  10. <text class="title">{{ pageTitle }}</text>
  11. </view>
  12. <!-- 书籍列表 -->
  13. <scroll-view class="book-list" scroll-y>
  14. <block wx:for="{{ bookList.novelList }}" wx:key="id">
  15. <view
  16. class="book-item"
  17. bindtap="onBookTap"
  18. data-book-id="{{ item.id }}"
  19. data-wx-book-id="{{ item.wxBookId }}"
  20. data-chapter-id="{{ item.chapterId }}"
  21. >
  22. <image class="book-cover" src="{{ item.cover }}" mode="aspectFill" />
  23. <view class="book-info">
  24. <text class="book-title">{{ item.title }}</text>
  25. <text class="book-desc">{{ item.brief }}</text>
  26. <view class="book-stats">
  27. <text>{{ item.readingNumber }}人在读</text>
  28. </view>
  29. </view>
  30. </view>
  31. </block>
  32. <!-- 加载状态 -->
  33. <view class="loading" wx:if="{{ loading }}">
  34. <text>加载中...</text>
  35. </view>
  36. </scroll-view>
  37. </view>