news.wxml 1.4 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <view class="news-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="scroll-container">
  13. <view class="scroll-wrapper">
  14. <view class="all-item" wx:for="{{newsList}}" wx:key="informationId">
  15. <view class="exhibition-item" bindtap="viewNews" data-item="{{item}}">
  16. <image src="{{item.infoImg || item.indexImg}}" class="exhibition-img" mode="aspectFill"></image>
  17. <image src="https://klmybwg.4dage.com/mini/wxImg/indexPage/Frame.png" class="bg-img" mode="aspectFit"></image>
  18. <view class="exhibition-info">
  19. <view class="exhibition-title">{{ item.title || '暂无标题' }}</view>
  20. </view>
  21. </view>
  22. <!-- 查看详情按钮 -->
  23. <view class="view-details-button" bindtap="viewNews" data-item="{{item}}">
  24. <text>查看详情</text>
  25. <text class="arrow">></text>
  26. </view>
  27. </view>
  28. </view>
  29. <!-- 空状态 -->
  30. <view wx:if="{{newsList.length === 0}}" class="empty-state">
  31. <view class="empty-text">暂无资讯数据</view>
  32. </view>
  33. </view>
  34. </view>