前端和后端源码，合并到一个git仓库中，方便用户下载，避免前后端不匹配的问题

jeecgboot-vue3/src/views/demo/comp/time/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <PageWrapper title="时间组件示例">
+    <CollapseContainer title="基础示例">
+      <Time :value="time1" />
+      <br />
+      <Time :value="time2" />
+    </CollapseContainer>
+
+    <CollapseContainer title="定时更新" class="my-4">
+      <Time :value="now" :step="1" />
+      <br />
+      <Time :value="now" :step="5" />
+    </CollapseContainer>
+
+    <CollapseContainer title="定时更新">
+      <Time :value="now" mode="date" />
+      <br />
+      <Time :value="now" mode="datetime" />
+      <br />
+      <Time :value="now" />
+    </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';
+
+  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,
+      };
+    },
+  });
+</script>