<template>
  <div>
    <div style="margin-top:5px">
      <a-row :gutter="[16, 16]">
        <a-col :span="8" v-for="(item, index) in imgList.data" :key="index" :value="item.value" class="img">
          <img width="40%" height="80px" :src="imgList.imgUrl" alt="" v-if="index != test" />
          <img width="50%" height="80px" class="img-a" :src="imgList.imgUrl1" alt="" v-if="index == test" />
        </a-col>
      </a-row>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    // test: {
    //   type: Boolean,
    //   default: false,
    // },
  },
  data() {
    return {
      imgList: {
        imgUrl: '/img/盒子3.png',
        imgUrl1: '/img/盒子4.png',
        data: 15,
      },
      noImg: true,
      openImg: false,
      test: 1,
    }
  },
  created() {
    // console.log(this.imgList, 'img')
    // this.test = 4
  },
  methods: {},
}
</script>
<style lang="less" scoped>
.img {
  text-align: center;
  border: 1px solid #409eff;
  // background-color: #F2F6FC;
  
}
</style>