<template>
  <div class="container bg-danger pull-bottom" style="height: 240px;">
    <div class="row col-xs-12" style="height: 100%;">
      <div class="col-xs-4 col-md-4" style="overflow: auto;" v-on:touchmove="yearMove">
        <h3 class="text-center" v-for="i in 5">
          {{ new Date().getFullYear() - 2 + i }}
        </h3>
      </div>
      <div class="col-xs-4 col-md-4">
        <p class="text-center">
          2018
        </p>
      </div>
      <div class="col-xs-4 col-md-4">
        <p class="text-center">
          2018
        </p>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    title: 'select',
    data () {
      return {}
    },
    methods: {
      hello: function (event) {
        console.log(event.changedTouches)
      }
    }
  }
</script>
<style>
  .pull-bottom {
  }
</style>
