<template>
  <view class="xzcxlistIconlist">
    <view v-for="(i,j) in iconlist" :key="j"  class="icon" @click="xuanzhong(i)">
    <xzcxlistIcon :carpic="i.brand_logo" :carname="i.brand_name" class="icon"></xzcxlistIcon>

    </view>
    <!-- <xzcxlistIcon carpic="../../static/img/caricon1.png" carname="大众" class="icon"></xzcxlistIcon>
    <xzcxlistIcon carpic="../../static/img/caricon1.png" carname="大众" class="icon"></xzcxlistIcon>
    <xzcxlistIcon carpic="../../static/img/caricon1.png" carname="大众" class="icon"></xzcxlistIcon>
    <xzcxlistIcon carpic="../../static/img/caricon1.png" carname="大众" class="icon"></xzcxlistIcon>
    <xzcxlistIcon carpic="../../static/img/caricon1.png" carname="大众" class="icon"></xzcxlistIcon>
    <xzcxlistIcon carpic="../../static/img/caricon1.png" carname="大众" class="icon"></xzcxlistIcon>
    <xzcxlistIcon carpic="../../static/img/caricon1.png" carname="大众" class="icon"></xzcxlistIcon> -->
  </view>
</template>

<script>
import xzcxlistIcon from "../../components/xzcxlist/xzcxlist-icon";
export default {
  name: "xzcxlistIconList",
  components: {
    xzcxlistIcon
  },
  props:{
    iconlist:{
      type:Array
    }
  },
  methods:{
    xuanzhong(i){
      this.$emit("xuanzhong",i)
    }
  }
};
</script>

<style lang="scss">
.xzcxlistIconlist {
    width: 649upx;
  // height: 283upxx;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-between;
  .icon{
      margin-right:69upx;
      height: 170rpx;
margin-top: 27rpx;

      // margin-top: 44upx;
  }
}
</style>