<template>
  <div class="slider-page">
    <slider-item v-for="(v , i) in items" :image="v.image" :key="i" :link="v.link"></slider-item>
  </div>
</template>

<style scoped>
  .slider-page {
    flex-direction: row;
    justify-content: space-between;

    width: 714px;
    height: 420px;
  }
</style>

<script>
  module.exports = {
    props: {
      items: { default: [] }
    },
    components: {
      sliderItem: require('./slider-item.vue')
    }
  }
</script>