新增时间

src/plugins/naive.ts

@@ -8,6 +8,7 @@ import {
   NH3,
   NH4,
   NText,
+  NTime,
   NConfigProvider,
   NMessageProvider,
   NDialogProvider,
@@ -88,6 +89,7 @@ const naive = create({
     NH3,
     NH4,
     NText,
+    NTime,
     NMessageProvider,
     NDialogProvider,
     NConfigProvider,

src/styles/common/style.scss

@@ -12,6 +12,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  text-align: center;
 }
 
 .go-absolute-center {

src/views/project/items/components/Card/index.vue

@@ -3,13 +3,14 @@
     <n-card hoverable size="small">
       <div class="list-content">
         <!-- 顶部按钮 -->
-        <n-space class="list-content-top">
+        <div class="list-content-top">
           <AppleControlBtn
+            class="top-btn"
             :hidden="['remove']"
             @close="deleteHanlde"
             @resize="resizeHandle"
           />
-        </n-space>
+        </div>
         <!-- 中间 -->
         <div class="list-content-img">
           <n-image
@@ -29,7 +30,6 @@
           <n-text>
             {{ cardData.title || '' }}
           </n-text>
-
           <!-- 工具 -->
           <n-space>
             <n-text>
@@ -162,10 +162,10 @@ const handleSelect = (key: string) => {
   switch (key) {
     case 'delete':
       deleteHanlde()
-      break;
+      break
 
     default:
-      break;
+      break
   }
 }
 

src/views/project/items/components/ModalCard/index.vue

@@ -26,10 +26,18 @@
         </div>
         <template #action>
           <n-space class="list-footer" justify="space-between">
+            <n-space>
               <n-text>
                 {{ cardData?.title || '' }}
               </n-text>
-
+              <n-text depth="3">
+                最后编辑于：
+                <n-time
+                  :time="new Date()"
+                  format="yyyy-MM-dd hh:mm"
+                />
+              </n-text>
+            </n-space>
             <!-- 工具 -->
             <n-space>
               <n-text>

src/views/project/mtTemplate/index.vue

@@ -1,14 +1,23 @@
 <template>
   <div class="go-project-my-template">
-    <h1>
+    <n-space vertical>
-      我的模板
+      <n-image
-    </h1>
+        object-fit="contain"
+        height="400"
+        preview-disabled
+        :src="requireFallbackImg()"
+      />
+      <n-h1>没有东西呢</n-h1>
+    </n-space>
   </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { requireUrl, requireFallbackImg } from '@/utils'
+</script>
 
 <style lang="scss" scoped>
 @include go('project-my-template') {
+  @extend .go-flex-center;
 }
 </style>