finecarmini/components/brandlist/brandlist.wxml

<!--筛选品牌模块-->
  <!-- style="{{selectbar=='brand'?'left:0rpx;':''}}" -->
<scroll-view
  class="brandw_c"
  scroll-into-view ="{{scrolltoinit}}"
  style="{{show?'left:0rpx;':''}}"
  bindscroll="brandScroll"
  scroll-y=true
>
  <view      
    style="height:{{headerheight}}rpx;"
  ></view>
  <view 
    class="brandw_title"
    style="height:{{headerheight}}rpx;"
  >
    <image 
      class="brandw_back" 
      src="../../img/back.png"
      bindtap="filterBack"
    />
    <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="{{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>
  </view>

</scroll-view>

<scroll-view
  class="brand_serieslist"
  scroll-y=true
  style="height: {{windowh-headerheight}}rpx; {{show&&serieslist?'left: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: {{show?'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="{{brandlist}}"
    wx:key="initial"
    style="height:{{initialheight}}px;"
    bindtap="scrollInit"
    data-init = "{{item.initial}}"
  >
    {{item.initial}}
  </view>
</view>
<scroll-view
  class="models_c"
  style="{{showmodel?'left:0rpx;':''}}"
  scroll-y=true
>
  <view      
    style="height:{{headerheight}}rpx;"
  ></view>
  <view 
    class="brandw_title"
    style="height:{{headerheight}}rpx;"
  >
    <image 
      class="brandw_back" 
      src="../../img/back.png"
      bindtap="modelBack"
    />
    <view class="brandw_title_w">车型</view>
  </view>
  <view wx:if="{{modellist.length>0}}" class="brandw_list">
    <block wx:for="{{modellist}}" wx:key="car_model_id">
      <view 
        class="brandw_bitem"
        bindtap="selectModel"
        data-model="{{item}}"
      >
        <view
          class="brandw_bimg"
          style="background-image:url({{serieslist.belong.img}})"
        />
        <view class="brandw_bname">{{item.car_model_name}}</view>
      </view>
    </block>
  </view>
  <view wx:else class="no_model">
    暂无车型信息
  </view>

</scroll-view>