<template>
  <el-row :gutter="gutter">
    <el-col :span="span" class="out-side" v-for="(item,index) in items" :key="index">

      <ProductCard :item="item" :type="type" :border="border"/>

    </el-col>
  </el-row>
</template>

<script>
/**
 * gutter = 卡片间距
 * span = 等分数（共24）
 * type = 卡片类型
 * border = 卡片是否显示边框
 */
import ProductCard from "@/components/common/ProductCard"
export default {
  data() {
    return {};
  },
  props:{
    items:{
      type: Array,
      default:() => {
        return []
      }
    },
    span:{
      type: Number,
      default: 5
    },
    gutter: {
      type: Number,
      default: 15
    },
    type: {
      type: String,
      default:'0'
    },
    border: {
      type: Boolean,
      default:true
    }
  },
  methods: {},
  components: {
    ProductCard
  }
};
</script>

<style lang="scss" scoped>
// .out-side{
//   width:20%;
// }
.el-col-5{
  width: 20%;
}
</style>
