<template>
  <div>
    <div style="margin-top: 5px">
      <a-row :gutter="[16, 16]" v-if="list.length > 0">
        <a-col :span="12" v-for="(item, index) in list" :key="index" :value="item.value" class="img">
          <!-- <div v-for="order in test">   -->
          <img
            width="20%"
            height="60px"
            :src="item.isLocked ? imgList.imgUrl1 : imgList.imgUrl"
            alt=""
          />
          <!-- </div> -->
        </a-col>
      </a-row>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    list: {
      type: Array,
      default: () => [1, 2, 3, 4],
    },
  },
  data() {
    return {
      imgList: {
        imgUrl: '/img/盒子3.png',
        imgUrl1: '/img/禁用盒子.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>
