activity.wxml 1.3 KB

1234567891011121314151617181920212223242526272829303132333435
  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 class="collection-list">
  14. <view class="collection-item" wx:for="{{activeList}}" wx:key="activityId" bindtap="viewActivity" data-item="{{item}}">
  15. <view class="item-image-container">
  16. <image src="{{item.infoImg}}" class="item-image" mode="aspectFill" />
  17. <view class="view-button">
  18. <text>查看</text>
  19. <text class="arrow">></text>
  20. </view>
  21. <view class="item-info">
  22. <view class="item-title">{{ item.title || '暂无标题' }}</view>
  23. <view class="item-description">{{ item.remark || '暂无描述' }}</view>
  24. </view>
  25. </view>
  26. </view>
  27. </view>
  28. <!-- 空状态 -->
  29. <view wx:if="{{activeList.length === 0}}" class="empty-state">
  30. <view class="empty-text">暂无活动数据</view>
  31. </view>
  32. </view>
  33. </view>