index.wxml 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!--pages/exhibition/index.wxml-->
  2. <view class="exhibition-container">
  3. <!-- 轮播图:卡片式 -->
  4. <view wx:if="{{carouselRenderList.length > 0}}" class="carousel-section">
  5. <card-carousel list="{{carouselRenderList}}"
  6. current="{{carouselCurrent}}"
  7. paddingLR="30" centerHeight="160"
  8. sideHeight="130"
  9. showIndicators="{{showCarouselIndicators}}"
  10. autoplay="{{true}}"
  11. interval="{{4000}}"
  12. bind:exhibitiontap="onExhibitionTapFromCarousel"
  13. bind:onlineexhibitiontap="onOnlineExhibitionTapFromCarousel"
  14. bind:change="onCarouselChange" />
  15. </view>
  16. <!-- 分类选择 -->
  17. <view class="category-section">
  18. <view class="category-tabs">
  19. <view class="category-tab {{selectedType == 1 ? 'active' : ''}}" bindtap="selectCategory" data-type="1">
  20. <image class="category-icon" src="https://klmybwg.4dage.com/mini/wxImg/exhibition/icon_in.png" mode="aspectFit"></image>
  21. <text>室内展览</text>
  22. </view>
  23. <view class="category-tab {{selectedType == 2 ? 'active' : ''}}" bindtap="selectCategory" data-type="2">
  24. <image class="category-icon" src="https://klmybwg.4dage.com/mini/wxImg/exhibition/icon_out.png" mode="aspectFit"></image>
  25. <text>室外展览</text>
  26. </view>
  27. </view>
  28. </view>
  29. <!-- 展览列表 -->
  30. <view class="exhibition-list">
  31. <view class="exhibition-item" wx:for="{{exhibitionList}}" wx:key="exhibitId" bindtap="onExhibitionTap" data-item="{{item}}">
  32. <image class="exhibition-image" src="{{urlImg + item.img}}" mode="aspectFill"></image>
  33. <view class="exhibition-content">
  34. <text class="exhibition-title">{{item.title || '记忆与传承的艺术史'}}</text>
  35. </view>
  36. </view>
  37. </view>
  38. <!-- 加载状态 -->
  39. <view class="loading-section" wx:if="{{loading}}">
  40. <text>加载中...</text>
  41. </view>
  42. <!-- 没有更多数据 -->
  43. <view class="no-more-section" wx:if="{{!hasMore && exhibitionList.length > 0}}">
  44. <text>没有更多数据了</text>
  45. </view>
  46. <!-- 空状态 -->
  47. <view class="empty-section" wx:if="{{exhibitionList.length === 0 && !loading}}">
  48. <text>暂无展览信息</text>
  49. </view>
  50. </view>