<template>
  <div class="list-card">
    <vue-seamless-scroll :data="cardList" class="seamless-warp">
      <div>
        <Card v-for="item in cardList" 
          :type="item.type"
        />
      </div>
    </vue-seamless-scroll>
  </div>
</template>

<script>
import Card from './Card'
import vueSeamlessScroll from 'vue-seamless-scroll'

export default {
  components: {
    Card,
    vueSeamlessScroll
  },
  data: () => ({
    cardList: [
      {
        type: '火灾扑救'
      },
      {
        type: '社会救助'
      },
      {
        type: '抢险救援'
      },
      {
        type: '抢险救援'
      },
      {
        type: '其他救援'
      },
      {
        type: '其他救援'
      }
    ]
  })
}
</script>


<style lang="less" scoped>

.seamless-warp {
  height: 70vh;
  overflow: hidden;
}
.list-card {
  height: 70vh;
  padding: 10px 0px;
  overflow: hidden;
}
</style>
