<template lang="html">
  <div class="">
    <cell-swiper :list="list" @clickItem="clickItem" @editItem="editItem" @deleteItem="deleteItem"></cell-swiper>
  </div>
</template>

<script>
import cellSwiper from 'components/cellSwiper/index'

export default {
  components: {cellSwiper},
  data () {
    return {
      list: [
        {
          id: '01',
          title: 'item1'
        },
        {
          id: '02',
          title: 'item2'
        },
        {
          id: '03',
          title: 'item3'
        },
        {
          id: '04',
          title: 'item4'
        }
      ]
    }
  },
  methods: {
    clickItem (id) {
      console.warn(id);
    },
    editItem (id) {
      console.warn(id);
    },
    deleteItem (id) {
      console.warn(id);
    }
  }
}
</script>

<style lang="less">
</style>