添加实例创建日期

src/components/Demos_box.vue

@@ -11,6 +11,7 @@ defineProps({
       <div class="demo-details">
         <h3>{{ demo.name }}</h3>
         <p class="author">{{ demo.author.join("、") }}</p>
+        <p class="date">{{ demo.date }}</p>
         <div class="tags">
           <span v-for="tag in demo.tags" :key="tag" class="tag">{{ tag }}</span>
         </div>
@@ -86,7 +87,12 @@ h3 {
   opacity: 0.8;
   transition: opacity 0.3s ease;
 }
-
+.date {
+  font-size: 15px;
+  margin: 5px 0;
+  opacity: 0.5;
+  transition: opacity 0.3s ease;
+}
 .demo-box:hover .author {
   opacity: 1;
 }

src/pages/Demos_home.vue

@@ -8,11 +8,13 @@ const demos = ref([
   {
     id: 'board',
     name: '留言板',
+    date: '2024-10-6',
     author: ["Mike Rong", "Louis Zhou"],
     tags: ['功能']
   },{
     id: 'pod',
     name: '在线练题',
+    date: '2025-2-26',
     author: ["Louis Zhou"],
     tags: ['课内'],
     image: 'https://' + getDomain() + '/data/file/pod.png'