版本更新至2.11.5

Ben Lin

2024-06-18 ebbd788fbb2c0b45d4473798efc57eec8ba74a25

 src/views/demo/comp/time/index.vue

@@ -1,9 +1,9 @@
<template>
  <PageWrapper title="时间组件示例">
    <CollapseContainer title="基础示例">
      <Time :value="time1" />
      <Time :value="state.time1" />
      <br />
      <Time :value="time2" />
      <Time :value="state.time2" />
    </CollapseContainer>

    <CollapseContainer title="定时更新" class="my-4">
@@ -21,24 +21,15 @@
    </CollapseContainer>
  </PageWrapper>
</template>
<script lang="ts">
  import { defineComponent, reactive, toRefs } from 'vue';
  import { PageWrapper } from '/@/components/Page';
  import { Time } from '/@/components/Time';
  import { CollapseContainer } from '/@/components/Container/index';
<script lang="ts" setup>
  import { reactive } from 'vue';
  import { PageWrapper } from '@/components/Page';
  import { Time } from '@/components/Time';
  import { CollapseContainer } from '@/components/Container';

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