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="{{urlImg + 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="all-content">
    <!-- 功能区域 -->
    <view class="function-section">
      <view class="function-item {{!isLoggedIn ? 'function-item-disabled' : ''}}" bindtap="handleFunctionClick" data-type="visit">
        <image src="https://klmybwg.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://klmybwg.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://klmybwg.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://klmybwg.4dage.com/mini/wxImg/indexPage/introduce.png" alt="展馆介绍" class="function-icon"></image>
        <text class="function-text">展馆介绍</text>
      </view>
      <view class="function-item" bindtap="handleFunctionClick" data-type="online">
        <image src="/imgs/icon_online.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="{{urlImg + 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}}">
        <view class="scroll-container" >
          <view class="scroll-wrapper">
            <view class="exhibition-item" wx:for="{{exhibitionList}}" wx:key="exhibitId" bindtap="viewExhibition" data-item="{{item}}">
              <image src="{{urlImg + item.img}}" alt="展览" class="exhibition-img" mode="aspectFill"></image>
              <view class="exhibition-info">
                <text class="exhibition-title">{{item.title}}</text>
              </view>
            </view>
          </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="activity">查看更多 +</text>
      </view>
      <view wx:if="{{activeList && activeList.length > 0}}">
        <scroll-view class="scroll-container2" scroll-x="{{true}}">
          <view class="scroll-wrapper2">
            <view class="activity-item" wx:for="{{activeList}}" wx:key="activityId" bindtap="viewActivity" data-item="{{item}}">
              <view class="active-top">
                <image src="{{urlImg + item.indexImg}}" alt="活动" class="activity-img" mode="aspectFill"></image>
                <image class="active-go" src="https://klmybwg.4dage.com/mini/wxImg/indexPage/active-arrow.png"></image>
              </view>
              <view class="activity-info">
                {{item.title}}
              </view>
            </view>
          </view>
        </scroll-view>
      </view>
      <view wx:else class="empty-data">
        <text class="empty-text">暂无数据</text>
      </view>
    </view>
  </view>
</view>