<template>
  <div class="main_content">
    <CardList class="box-card" v-for="(item, index) in cardList" :key="index" :cardList="item" />
  </div>
</template>
<script>
import CardList from '@/components/base/CardList.vue'
import stepONeStep from '@/utils/stepOne'
export default {
  components: {
    CardList
  },
  data() {
    return {
      cardList: []
    }
  },
  created() {
    this.cardList = stepONeStep
  }
}
</script>
<style lang="scss" scoped>
.main_content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  .box-card {
    min-width: 520px;
    margin-bottom: 30px;
  }
}
</style>
