finecarmini/components/brandlist/brandlist.wxml

<!--筛选品牌模块-->
  <!-- style="{{selectbar=='brand'?'left:0rpx;':''}}" -->
<view
  class="brandw_c"
  style="{{show?'left:0rpx;':''}}"
>
  <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_back"
      bindtap="filterBack">
      <image 
        src="../../img/back.png"/>
    </view>
    <view class="brandw_title_w">品牌</view>
  </view>
  <scroll-view
    bindscroll="brandScroll"
    scroll-y=true
    style="height: {{contentheight}}px"
    scroll-into-view ="{{scrolltoinit}}"
  >
    <view class="brandw_list">
      <view wx:if="{{brandrecommend.length}}" 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_a_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>
</view>

<scroll-view
  class="brand_serieslist"
  scroll-y=true
  style="height: {{contentheight}}px; {{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>
<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_back"
      bindtap="modelBack">
      <image 
        src="../../img/back.png"/>
    </view>
    <view class="brandw_title_w">车型</view>
  </view>
  <page-scroll 
    styleSheet="height:{{contentheight}}px;"
    scroll-y=true
    style="height: {{contentheight}}px;"
  >
    <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>
  </page-scroll>
</view>