Time

相对时间组件

Usage

<template>
  <Time :value="time" style="color: red" />
</template>
<script lang="ts">
import { defineComponent, reactive, toRefs } from "vue";
import { Time } from "/@/components/Time";

export default defineComponent({
  components: { Time },
  setup() {
    const now = new Date().getTime();
    const state = reactive({
      time: now - 60 * 3 * 1000,
    });
    return {
      ...toRefs(state),
      now,
    };
  },
});
</script>

Props

属性	类型	默认值	可选值	说明
value	string,Date,number	-	-	时间值
step	number	60	-	刷新时间
mode	string	relative	-	模式，date:日期，datetime:时间戳，relative:相对时间