<!--筛选品牌模块-->
<scroll-view
  class="brandw_c"
  style="{{selectbar=='brand'?'left:0rpx;':''}}"
  scroll-into-view ="{{scrolltoinit}}"
  bindscroll="brandScroll"
  scroll-y=true
>
  <view      
    style="height:{{headerheight}}rpx;"
  ></view>
  <view 
    class="brandw_title"
    style="height:{{headerheight}}rpx;"
  >
    <view 
      style="background-image: url(../../img/back.png); "
      class="brandw_back" 
      bindtap="filterBack"></view>
    <view class="brandw_title_w">品牌</view>
  </view>
  <view class="brandw_list">
    <view class="brandw_t_line">热门品牌</view>
    <view class="brandw_hotlist">
      <block wx:for="{{brandrecommend}}" wx:key="brand_id">
        <view 
          class="brandw_hotlist_item"          
          bindtap="getBrandDetail"
          data-id="{{item.brand_id}}"
          data-img="{{item.brand_img}}"
          data-name="{{item.brand_name}}"
        >
          <view class="brandw_hotitem_img" style="background-image:url({{item.brand_img}})"></view>
          <view class="brandw_hotitem_name">{{item.brand_name}}</view>
        </view>
      </block>
    </view>

    <view class="brandw_t_line">不限品牌</view>
    <block wx:for="{{wheres.brandlist}}" wx:key="initial">
      <view class="brandw_binitial" id="{{item.initial}}">
        {{item.initial}}
      </view>
      <block wx:for="{{item.list}}" wx:for-item="branditem" wx:key="brand_id">
        <view 
          class="brandw_bitem"
          bindtap="getBrandDetail"
          data-id="{{branditem.brand_id}}"
          data-img="{{branditem.img}}"
          data-name="{{branditem.brand_name}}"
        >
          <view
            class="brandw_bimg"
            style="background-image:url({{branditem.img}})"
          />
          <view class="brandw_bname">{{branditem.brand_name}}</view>
        </view>
      </block>
    </block>
    <scroll-view
      class="brand_serieslist"
      scroll-y=true
      style="height: {{contentheight}}px; {{serieslist?'right:0rpx;':''}}"
    >
      <view class="series_lelong">
          <view
            class="series_lelong_bimg"
            style="background-image:url({{serieslist.belong.img}})"
          />

            <!-- serieslist.belong.img -->
          <view class="series_lelong_name">{{serieslist.belong.name}}</view>
        </view>  
      <view class="car_series_t">选择车系</view>
      <block
        wx:for="{{serieslist.list}}"
        wx:key="car_series_id"
      >
        <view 
          class="brand_series_i"
          bindtap="selectSeries"
          data-series = "{{item}}"
          >
          <view
            class="brand_series_bimg"
            style="background-image:url({{serieslist.belong.img}})"
          />
          <view class="brand_series_name">{{item.car_series_name}}</view>
        </view>          
      </block>
    </scroll-view>
    <view 
      class="brand_initail_c"
      style="display: {{selectbar=='brand'?'block':'none'}}"
    >
      <!-- {{scrollinit==item.initial?'brand_initail_active':''}} -->
      <image 
        class="brand_selectbg"
        style="top:{{scrollinit*initialheight}}px "
        src="../../img/selectbrand.png"/>
      <view 
        class="brand_initail_i"
        wx:for="{{wheres.brandlist}}"
        wx:key="initial"
        style="height:{{initialheight}}px;"
        bindtap="scrollInit"
        data-init = "{{item.initial}}"
      >
        {{item.initial}}
      </view>
    </view>
  </view>
</scroll-view>