与牧同行-小程序用户端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

58 lines
1.9 KiB

  1. <view class="container">
  2. <!-- 加载中提示 -->
  3. <view wx:if="{{loading}}" class="loading">
  4. <text>加载中...</text>
  5. </view>
  6. <!-- 空列表提示 -->
  7. <view wx:elif="{{list.length === 0}}" class="empty">
  8. <text>暂无今日问诊</text>
  9. </view>
  10. <!-- 问诊列表 -->
  11. <scroll-view
  12. wx:else
  13. scroll-y
  14. class="scroll-list"
  15. bindscrolltolower="loadMore"
  16. lower-threshold="50"
  17. >
  18. <view class="list">
  19. <view class="card" wx:for="{{list}}" wx:key="formId" data-value="{{item}}" bindtap="goDetail">
  20. <!-- 用户信息行:头像、姓名、时间、状态 -->
  21. <view class="user-row">
  22. <image class="avatar" src="{{baseUrl + item.avatar}}" mode="aspectFill" lazy-load></image>
  23. <view class="user-info">
  24. <text class="name">{{item.farmerName}}</text>
  25. <text class="time">{{item.createdTime}}</text>
  26. </view>
  27. <view class="status" data-status="{{item.status}}">{{item.status}}</view>
  28. </view>
  29. <!-- 病情描述卡片 -->
  30. <view class="content-block">
  31. <view class="desc">{{item.description}}</view>
  32. <!-- 动物标签 -->
  33. <view class="tag-group">
  34. <text class="tag">{{item.animalType}}</text>
  35. <text class="tag">{{item.animalGender}}</text>
  36. <text class="tag">{{item.animalAge}}岁</text>
  37. </view>
  38. </view>
  39. <!-- 底部互动信息 -->
  40. <view class="card-footer">
  41. <text>浏览 {{item.viewCount || 0}}</text>
  42. <text>回复 {{item.replyCount || 0}}</text>
  43. </view>
  44. </view>
  45. </view>
  46. <!-- 加载更多 -->
  47. <view class="load-more" wx:if="{{hasMore}}">
  48. <text>加载更多...</text>
  49. </view>
  50. <view class="no-more" wx:elif="{{list.length > 0}}">
  51. <text>没有更多了</text>
  52. </view>
  53. </scroll-view>
  54. </view>