1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- <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>
|