<!--barnd.ttml-->

<import src="brandProductListFilter.ttml"/>

<scroll-view scroll-y style="height: {{screenHeight - 50}}px;" bindscroll="scroll" bindscrolltolower="loadMore" scroll-top="{{scrollTop}}" enable-back-to-top="true">
    <view class="banner" hidden="{{banner && banner.data ? false : true}}">
        <image class="bannerImage" src="{{banner.data}}" style="width:{{bannerWidth}}px;height:{{bannerHeight}}px;"></image>
    </view>
    
    <view class="{{fixedFilter ? 'fixedFilter' : ''}}">
        <template is="brandProductListFilter" data="{{filter, filterGenderItem, genderFilter}}"/>
    </view>
    

    <view class="productListContainer" style="margin-top:{{fixedFilter ? '90' : '0'}}rpx;">
        <block tt:for="{{list.data}}" tt:key="{{index}}">
            <productListCell item="{{item}}" page-name="{{current_page_name}}"></productListCell>
        </block>
    </view>

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

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