karamay_wx/pages/index/index.wxml

<!--pages/index/index.wxml-->
<!-- 小程序首页 -->
<view hidden="{{!showLoading}}">
  <loading bind:startexplore="onStartExplore"></loading>
</view>

<view hidden="{{showLoading}}" class="home-container {{!isFromParam ? 'home-tabar' : ''}} {{isFirstOpen ? 'home-not-overflow' : ''}}">
  <!-- 轮播图区域 -->
  <view class="carousel-section" wx:if="{{bannerData.length}}">
    <swiper class="carousel-swiper" indicator-dots="{{true}}" autoplay="{{true}}" interval="4000" duration="500">
      <swiper-item wx:for="{{bannerData}}" wx:key="carouselId" bindtap="onBannerClick" data-url="{{item.url}}">
        <image src="{{item.img}}" alt="{{item.title || '轮播图'}}" class="carousel-img" mode="aspectFill"></image>
      </swiper-item>
    </swiper>
  </view>
  <view class="carousel-section" wx:else>
    <view class="nobanner-data">
      轮播图暂无数据
    </view>
  </view>

  <!-- 功能区域 -->
  <view class="function-section">
    <view class="function-item {{!isLoggedIn ? 'function-item-disabled' : ''}}" bindtap="handleFunctionClick" data-type="visit">
      <image src="https://sit-kelamayi.4dage.com/mini/wxImg/indexPage/visit.png" alt="预约参观" class="function-icon {{!isLoggedIn ? 'function-icon-disabled' : ''}}"></image>
      <text class="function-text {{!isLoggedIn ? 'function-text-disabled' : ''}}">预约参观</text>
    </view>
    <view class="function-item {{!isLoggedIn ? 'function-item-disabled' : ''}}" bindtap="handleFunctionClick" data-type="activity">
      <image src="https://sit-kelamayi.4dage.com/mini/wxImg/indexPage/activity.png" alt="活动预约" class="function-icon {{!isLoggedIn ? 'function-icon-disabled' : ''}}"></image>
      <text class="function-text {{!isLoggedIn ? 'function-text-disabled' : ''}}">活动预约</text>
    </view>
    <view class="function-item" bindtap="handleFunctionClick" data-type="map">
      <image src="https://sit-kelamayi.4dage.com/mini/wxImg/indexPage/map.png" alt="展馆地图" class="function-icon"></image>
      <text class="function-text">展馆地图</text>
    </view>
    <view class="function-item" bindtap="handleFunctionClick" data-type="introduce">
      <image src="https://sit-kelamayi.4dage.com/mini/wxImg/indexPage/introduce.png" alt="展馆介绍" class="function-icon"></image>
      <text class="function-text">展馆介绍</text>
    </view>
  </view>

  <!-- 展览资讯 -->
  <view class="section">
    <view class="section-header">
      <text class="section-title">展馆资讯</text>
      <text class="view-more" bindtap="viewMore" data-section="recommended">查看更多 +</text>
    </view>
    <view wx:if="{{newsList && newsList.length > 0}}">
      <view class="news-item" wx:for="{{newsList}}" wx:key="informationId" bindtap="viewNews" data-item="{{item}}">
        <image src="{{item.indexImg}}" alt="展览资讯" class="news-img" mode="aspectFill"></image>
        <view class="news-content">
          <text class="news-title">{{item.title}}</text>
          <text class="news-desc">⇀</text>
        </view>
      </view>
    </view>
    <view wx:else class="empty-data">
      <text class="empty-text">暂无数据</text>
    </view>
  </view>

  <!-- 推荐展览 -->
  <view class="section">
    <view class="section-header">
      <text class="section-title">推荐展览</text>
      <text class="view-more" bindtap="viewMore" data-section="exhibition">查看更多 +</text>
    </view>
    <view wx:if="{{exhibitionList && exhibitionList.length > 0}}">
      <scroll-view class="scroll-container" scroll-x="{{true}}">
        <view class="scroll-wrapper">
          <view class="exhibition-item" wx:for="{{exhibitionList}}" wx:key="exhibitId" bindtap="viewExhibition" data-item="{{item}}">
            <image src="{{item.img}}" alt="展览" class="exhibition-img" mode="aspectFill"></image>
            <view class="exhibition-info">
              <text class="exhibition-title">{{item.title}}</text>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
    <view wx:else class="empty-data">
      <text class="empty-text">暂无数据</text>
    </view>
  </view>

  <!-- 社教活动 -->
  <view class="section">
    <view class="section-header">
      <text class="section-title">社教活动</text>
      <text class="view-more" bindtap="viewMore" data-section="activity">查看更多 +</text>
    </view>
    <view wx:if="{{activeList && activeList.length > 0}}">
      <scroll-view class="scroll-container" scroll-x="{{true}}">
        <view class="scroll-wrapper">
          <view class="activity-item" wx:for="{{activeList}}" wx:key="activityId" bindtap="viewActivity" data-item="{{item}}">
            <view class="active-top">
              <image src="{{item.indexImg}}" alt="活动" class="activity-img" mode="aspectFill"></image>
              <text class="active-go">></text>
            </view>
            <view class="activity-info">
              <text class="activity-title">{{item.title}}</text>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
    <view wx:else class="empty-data">
      <text class="empty-text">暂无数据</text>
    </view>
  </view>
</view>