<template>
  <div
    class="reacquire flex justify-center  blocks  cursor-pointer"
    :style="{ lineHeight: lineHeight }"
    v-focusable
    @click="getData">
    <span>
      点击重新获取
    </span>
  </div>
</template>

<script>

export default {
  components: {},
  props: {
    lineHeight: {
      type: String,
      default: '200px'
    }
  },
  data () {
    return {

    }
  },
  computed: {},
  methods: {
    init () {
    },
    getData (e) {
      this.$emit('onclick', e)
    }
  },
  created () {

  },
  mounted () {

  },
  beforeDestroy () {
  }
}
</script>

<style lang="less" scoped>
.reacquire {
    user-select:none;
    color: rgb(168, 168, 168);
    font-size: 30px;
    span:hover{
        color: #1890ff ;
        text-decoration: underline;
    }
}
.focus{
  text-decoration: underline;
  color: #fff;
}
.blocks {
    width: 100%;
    height: 100%;
    display:flex;
    align-items:center;
    justify-content: center;
}

.cursor-pointer {
    cursor: pointer;
}
</style>
