<import src="categoryProductListFilter.wxml"/>
<import src="productListCell.wxml"/>

<scroll-view scroll-y style="height: {{screenHeight - 50}}px;" bindscroll="scroll" bindscrolltolower="loadMore" scroll-top="{{scrollTop}}">       
    <view class="banner" hidden="{{bannerUrl ? false : true}}">
        <image class="bannerImage" src="{{bannerUrl}}" style="width:{{bannerWidth}}px;height:{{bannerHeight}}px;background-color: red;"></image>
    </view>

    <view class="{{fixedFilter ? 'fixedFilter' : ''}}">
        <template is="categoryProductListFilter" data="{{filter, filterGenderItem, genderFilter}}"/>
    </view>

    <view class="productListContainer" style="margin-top:{{fixedFilter ? '90' : '0'}}rpx;">

        <block wx:for="{{list.data}}" wx:key="{{index}}">
            <template is="productListCell" data="{{listWidth, listHeight, listImageWidth, listImageHeight, listImageTop, listMarginHorizontal, item}}"/>
        </block>
    </view>

    <view class="loadMore" wx:if="{{list.data.length > 0 && list.isLoading && !list.endReached}}">
        <text class="loadText">加载中...</text>
    </view>
     <view class="loadMore" wx:if="{{list.endReached}}">
        <text class="loadText">没有更多了</text>
    </view>

    <loading wx:if="{{list.currentPage == 0 && list.isLoading}}">加载中</loading>
</scroll-view>
 <quickNavigation id="quickNavigation" isShowIndicator="{{isShowIndicator}}" bind:backToTop="backToTop"></quickNavigation>