fix: 修改闭合组件不规范的问题

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

@@ -9,7 +9,7 @@
             :hidden="['remove']"
             @close="deleteHanlde"
             @resize="resizeHandle"
-          />
+         ></MacOsControlBtn>
         </div>
         <!-- 中间 -->
         <div class="list-content-img" @click="resizeHandle">
@@ -22,7 +22,7 @@
             "
             :alt="cardData.title"
             :fallback-src="requireErrorImg()"
-          />
+         ></n-image>
         </div>
       </div>
       <template #action>
@@ -37,7 +37,7 @@
                 class="animation-twinkle"
                 dot
                 :color="cardData.release ? '#34c749' : '#fcbc40'"
-              />
+             ></n-badge>
               {{
                 cardData.release
                   ? $t('project.release')
@@ -56,7 +56,7 @@
                 >
                   <n-button size="small">
                     <template #icon>
-                      <component :is="item.icon" />
+                      <component :is="item.icon"></component>
                     </template>
                   </n-button>
                 </n-dropdown>
@@ -66,7 +66,7 @@
                 <template #trigger>
                   <n-button size="small" @click="handleSelect(item.key)">
                     <template #icon>
-                      <component :is="item.icon" />
+                      <component :is="item.icon"></component>
                     </template>
                   </n-button>
                 </template>

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

@@ -7,12 +7,12 @@
       responsive="screen"
     >
       <n-grid-item v-for="(item, index) in list" :key="item.id">
-        <Card
+        <card
           :cardData="item"
           @resize="resizeHandle"
           @delete="deleteHandle($event, index)"
           @edit="editHandle"
-        />
+       ></card>
       </n-grid-item>
     </n-grid>
   </div>
@@ -22,7 +22,7 @@
     :cardData="modalData"
     @close="closeModal"
     @edit="editHandle"
-  />
+ ></ModalCard>
 </template>
 
 <script setup lang="ts">

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

@@ -21,7 +21,7 @@
             :narrow="true"
             :hidden="['close']"
             @remove="closeHandle"
-          />
+         ></MacOsControlBtn>
         </n-space>
         <!-- 中间 -->
         <div class="list-content-img">
@@ -37,7 +37,7 @@
         <n-space class="list-footer" justify="space-between">
           <n-text depth="3">
             {{ $t('project.last_edit') }}:
-            <n-time :time="new Date()" format="yyyy-MM-dd hh:mm" />
+            <n-time :time="new Date()" format="yyyy-MM-dd hh:mm"></n-time>
           </n-text>
           <!-- 工具 -->
           <n-space>
@@ -46,7 +46,7 @@
                 class="animation-twinkle"
                 dot
                 :color="cardData?.release ? '#34c749' : '#fcbc40'"
-              />
+             ></n-badge>
               {{
                 cardData?.release
                   ? $t('project.release')
@@ -59,7 +59,7 @@
                 <template #trigger>
                   <n-button size="small" @click="handleSelect(item.key)">
                     <template #icon>
-                      <component :is="item.icon" />
+                      <component :is="item.icon"></component>
                     </template>
                   </n-button>
                 </template>

src/views/project/items/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="go-project-items">
-    <List />
+    <List></List>
   </div>
 </template>