wxhuanart/miniprogram/pages/index/index.wxml

<import src='../../templates/homecate.wxml' />

<!--index.wxml-->
<scroll-view class="page-wrap" scroll-y lower-threshold="{{100}}" bindscrolltolower="handleReachBottom">
  <view wx:if="{{loading}}">
    <t-loading t-class="page-loading" theme="circular" size="40rpx" loading t-class-indicator="t-class-indicator">
      <span slot="text" class="loading-text">加载中...</span>
    </t-loading>
  </view>
  <view wx:if="{{successload===2}}" class="reloadblock pb-5">
    <t-button bindtap="load">重新加载页面</t-button>
  </view>
  <view wx:else class="page-content">
    <view class="emptyblock {{ successload === 0 ? 'wait' : successload === 1 ? (!homeCarousels || homeCarousels.length === 0) ? 'nocontent' : '' : ''}}">
      <n-swipescreen width="{{swipewidth}}" height="{{swipeHeight}}" class="{{movecls}}">
        <n-swipescreen-item wx:for="{{homeCarousels}}" wx:key="index">
          <t-image id="nx{{index}}" src="{{item.wxImageUrl}}" t-class="timgcasourel" wx:key="index" />
          <button class="movefloatbtn" style="background-image: url({{item.wxButtonUrl}});" data-tagid="{{item.tagId}}" catchtap="gotoAdvtag" />
        </n-swipescreen-item>
        <view slot="pointer" class="movecenter">
          <t-button icon="chevron-down" t-class="movebtn" catchtap="onMoveSize" />
        </view>
      </n-swipescreen>
    </view>
    <block wx:if="{{homeCategories && homeCategories.length > 0}}">
      <template is="catewrap" wx:for="{{homeCategories}}" data="{{...item, rowdx: index+1}}" wx:key="index" />
    </block>

    <!-- 线下相册 -->
    <!-- <view class="mt-5 pb-5" style="padding: 0 39rpx;">
      <view class="pb-4">
        <image lazy-load src="/assets/home/t3.png" style="width:672rpx;height:28rpx" mode="aspectFit" />
      </view>
      <view class="emptyblock {{!homeActives || homeActives.length === 0? 'nocontent' : ''}}">
        <view class="d-flex pb-2">
          <t-swiper class="flex-1" height="234rpx" autoplay="{{true}}" duration="{{duration}}" interval="{{interval}}">
            <t-swiper-item wx:for="{{homeActives}}" wx:key="index">
              <t-image t-class="timgactive" shape="round" src="{{item.imageUrl}}" data-id="{{item.id}}" mode="aspectFill" catchtap="gotoAlbum" />
            </t-swiper-item>
          </t-swiper>
        </view>
      </view>
    </view> -->

    <!-- 线下活动 -->
    <view class="mt-5 pb-5" style="padding: 0 39rpx;">
      <view class="pb-4">
        <image lazy-load src="/assets/home/t3.png" style="width:672rpx;height:28rpx" mode="aspectFit" />
      </view>
      <view class="emptyblock {{!homeActives || homeActives.length === 0? 'nocontent' : ''}}">
        <view class="d-flex pb-2">
          <t-swiper class="flex-1" height="234rpx" autoplay="{{true}}" duration="{{duration}}" interval="{{interval}}">
            <t-swiper-item wx:for="{{homeActives}}" wx:key="index">
              <t-image t-class="timgactive" shape="round" src="{{item.imageUrl}}" data-id="{{item.id}}" data-mode="{{item.mode}}" data-link="{{item.link}}" mode="aspectFill" catchtap="gotoLink" />
            </t-swiper-item>
          </t-swiper>
        </view>
      </view>
    </view>

    <view wx:if="{{albums && albums.length > 0}}">
      <view style="padding: 0 39rpx;">
        <view class="pb-4 text-center text-bold">
          为您推荐
        </view>
      </view>
      <view class="px-3">
        <n-goods-list wx:if="{{albums && albums.length > 0}}" items="{{albums}}" bind:click="gotoGoodsDetail" />
        <t-empty wx:else icon="chart-bubble" description="暂无相关内容" t-class="mt-7" />
      </view>
      <n-load-more wx:if="{{albums && albums.length > 0}}" status="{{loadMoreStatus}}" no-more-text="没有更多了" />
    </view>
  </view>
</scroll-view>

<template name="catewrap">
  <view class="mt-5" style="padding: 0 39rpx;">
    <view class="pb-4">
      <image lazy-load src="{{imageUrl}}" style="width:672rpx;height:28rpx" mode="aspectFit" />
    </view>
    <scroll-view scroll-x style="white-space: nowrap;">
      <view class="d-flex pb-2" style="column-gap: 20rpx;">
        <view wx:for="{{items}}" wx:for-item="item" wx:key="index">
          <t-image shape="round" t-class="timg{{rowdx}}" src="{{item.imageUrl}}" data-id="{{item.id}}" bindtap="gotolist" />
        </view>
      </view>
    </scroll-view>
  </view>
</template>