activity.wxml 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <view class="activity-container">
  2. <!-- 返回按钮 -->
  3. <!-- <view class="back-button" bindtap="goBack">
  4. <image src="https://klmybwg.4dage.com/mini/wxImg/indexPage/icon_back.png" mode="aspectFit"></image>
  5. </view> -->
  6. <!-- 标题 -->
  7. <view class="section-title">社教活动</view>
  8. <!-- 活动列表 -->
  9. <view wx:if="{{loading}}" class="loading-container">
  10. <view class="loading-text">加载中...</view>
  11. </view>
  12. <view wx:else class="content-section">
  13. <view wx:if="{{activeList && activeList.length > 0}}">
  14. <view class="collection-list">
  15. <view class="collection-item" wx:for="{{activeList}}" wx:key="activityId" bindtap="viewActivity" data-item="{{item}}">
  16. <view class="item-image-container">
  17. <image src="{{urlImg + item.infoImg}}" class="item-image" mode="aspectFill" />
  18. <view class="view-button">
  19. <text>查看</text>
  20. <text class="arrow">></text>
  21. </view>
  22. <view class="item-info">
  23. <view class="item-title">{{ item.title || '暂无标题' }}</view>
  24. <view class="item-description">{{ item.remark || '暂无描述' }}</view>
  25. </view>
  26. </view>
  27. </view>
  28. </view>
  29. <!-- 加载更多提示 -->
  30. <view wx:if="{{loadingMore}}" class="loading-more">
  31. <view class="loading-text">加载中...</view>
  32. </view>
  33. <view wx:elif="{{!hasMore && activeList.length > 0}}" class="no-more">
  34. <view class="no-more-text">没有更多数据了</view>
  35. </view>
  36. </view>
  37. <!-- 空状态 -->
  38. <view wx:if="{{activeList.length === 0}}" class="empty-state">
  39. <view class="empty-text">暂无活动数据</view>
  40. </view>
  41. </view>
  42. </view>