<div class="brand-page yoho-page">
    {{# channel}}

    <div class="genderNav">
        <ul>
            {{# channels}}
                <li {{#if active}}class="active"{{/if}} data-id="{{@index}}">
                    <span>{{name}}</span>
                    <span class="split-border"></span>
                </li>
            {{/channels}}
        </ul>
    </div>

    <div class="newbrand-search re-pos-search">
        <div class="search-box clearfix">
            <a href="{{searchUrl}}" >
                <input type="text" class="search-input" placeholder="查找品牌" readonly="true">
                <i class="search-icon iconfont">&#xe60f;</i>
            </a>
        </div>
    </div>
    <div>
        {{# topData}}
            {{! 头部banner}}
            {{# bannerTop}}
                {{> brand/banner_top}}
            {{/ bannerTop}}

            {{! 热门品牌可滑动}}
            {{# hotBrandsScroll}}
                    {{> brand/hot_brands_swipe}}
            {{/ hotBrandsScroll}}
        {{/ topData}}

        <div class="brandNav">
            <ul>
                <li class="allbrand active" data-id="0">
                    <span>{{brandType}}</span>
                    <span class="split-border"></span>
                </li>
                <li class="newbrand" data-id="1">
                    <span>{{secondBrandType}}</span>
                    <span class="split-border"></span>
                </li>
                <li class="recommandbrand" data-id="2">
                    <span>{{thirdBrandType}}</span>
                    <span class="split-border"></span>
                </li>
            </ul>
        </div>

        {{!--占位: 品牌列表部分--}}
        <div id="placeholder-brandlist">
        </div>
    </div>
    {{/channel}}
</div>
{{> footer-tab}}