<template>
  <view class="xzlist">
<searchShuru  content="汽车品牌关键字"></searchShuru>
<xzcxlistTitle title="热门品牌"></xzcxlistTitle>
<xzcxlistIconList :iconlist="list.list_hot"></xzcxlistIconList>
<view v-for="(i,j) in list.list_barand" :key="j">
<xzcxlistTitle :title="i.szm" class="title"></xzcxlistTitle>
<xzcxlistCars v-for="(item,index) in i.brand_list" :key="index" :carpic="item.brand_logo" :carname="item.brand_name" class="car"></xzcxlistCars>
<!-- <xzcxlistCars carpic="../../static/img/caricon1.png" carname="阿尔法·罗密欧zz" class="car"></xzcxlistCars>
<xzcxlistCars carpic="../../static/img/caricon1.png" carname="阿尔法·罗密欧zz" class="car"></xzcxlistCars>
<xzcxlistCars carpic="../../static/img/caricon1.png" carname="阿尔法·罗密欧zz" class="car"></xzcxlistCars> -->
</view>

<!-- <xzcxlistTitle title="B" class="title"></xzcxlistTitle>
<xzcxlistCars carpic="../../static/img/caricon1.png" carname="阿尔法·罗密欧zz" class="car"></xzcxlistCars>
<xzcxlistCars carpic="../../static/img/caricon1.png" carname="阿尔法·罗密欧zz" class="car"> </xzcxlistCars>
<xzcxlistCars carpic="../../static/img/caricon1.png" carname="阿尔法·罗密欧zz" class="car"></xzcxlistCars>
<xzcxlistCars carpic="../../static/img/caricon1.png" carname="阿尔法·罗密欧zz" class="car"></xzcxlistCars> -->
  </view>
</template>

<script>
import searchShuru from "../../components/search/searchShuru";
import xzcxlistTitle from "../../components/xzcxlist/xzcxlist-title";
import xzcxlistIcon from "../../components/xzcxlist/xzcxlist-icon";
import xzcxlistIconList from "../../components/xzcxlist/xzcxlist-iconlist"
import xzcxlistCars from "../../components/xzcxlist/xzcxlist-cars"
import {requestP} from "../../static/js/request"
export default {
    components:{
        searchShuru,
        xzcxlistTitle,
        xzcxlistIcon,
        xzcxlistIconList,
        xzcxlistCars
    },
    data(){
        return{
            list:[]
        }
    },
    onLoad(){
        requestP({
            url:"car/get_brand_list",
        }).then((res)=>{
            console.log(res)
            this.list=res.data.data
        })
    }
}
</script>

<style lang="scss">
.title{
    position: relative;
    top: 26upx;
}
    .car{
        margin-top: 25upx;
    }
</style>