kuan-vue-flip-clock 实现倒计时

要在kuan-vue-flip-clock组件中实现倒计时功能，你需要使用Vue的计算属性来计算剩余的时间，并将该计算属性绑定到组件的`time` prop中。以下是一个示例：

<template>
  <div>
    <kuan-flip-clock :time="countdown"></kuan-flip-clock>
  </div>
</template>

<script>
import KuanFlipClock from 'kuan-vue-flip-clock';

export default {
  components: {
    KuanFlipClock
  },
  data() {
    return {
      endTime: new Date('2022-01-01'),
    }
  },
  computed: {
    countdown() {
      let diff = this.endTime.getTime() - new Date().getTime();
      let seconds = Math.floor(diff / 1000);
      let minutes = Math.floor(seconds / 60);
      let hours = Math.floor(minutes / 60);
      let days = Math.floor(hours / 24);
      return new Date(0, 0, days, hours % 24, minutes % 60, seconds % 60, 0);
    }
  }
}
</script>

在上面的代码中，我们使用了一个计算属性`countdown`来计算距离指定日期的剩余时间。我们将这个计算属性绑定到了kuan-flip-clock组件的`time` prop中，这样组件就会根据这个计算属性的值来更新倒计时的显示。在这个示例中，我们计算了距离2022年1月1日的剩余时间，并将其转换为一个Date对象，然后将其绑定到组件的`time` prop中。