From d0a47b44d2e5d7b8fdb00279084e7c38dbcb2af9 Mon Sep 17 00:00:00 2001
From: User <user@example.com>
Date: Fri, 10 Oct 2025 15:51:48 +0800
Subject: [PATCH] =?UTF-8?q?=E9=83=A8=E5=88=86=E8=BF=98=E5=8E=9F=E4=BA=86?=
 =?UTF-8?q?=E4=BE=BF=E7=AD=BE=E5=88=97=E8=A1=A8=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NoteItem.vue | 7 ++++++-
 src/pages/NoteListPage.vue  | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/NoteItem.vue b/src/components/NoteItem.vue
index 04c1309..c8d705a 100644
--- a/src/components/NoteItem.vue
+++ b/src/components/NoteItem.vue
@@ -2,14 +2,19 @@
   <div class="code-fun-flex-col code-fun-justify-start code-fun-relative list-item_7">
     <div class="code-fun-flex-col section_17">
       <div class="code-fun-flex-row code-fun-justify-between">
+        <!-- 便签编辑时间 -->
         <span class="font_2 text_18">750天前2023/9/21下午4:52</span>
         <div class="code-fun-flex-row group_3">
+          <!-- 是否置顶状态&置顶按钮 -->
           <img class="image_11 image_29" src="/assets/icons/drawable-xxhdpi/icon_top_normal.png" />
+          <!-- 是否收藏状态&收藏按钮 -->
           <img class="image_26 ml-15" src="/assets/icons/drawable-xxhdpi/icon_detail_star_unchecked.png" />
         </div>
       </div>
       <div class="code-fun-flex-row code-fun-justify-between mt-17-5">
+        <!-- 便签正文第一行 -->
         <span class="font_3 text_19">夜幕中启程</span>
+        <!-- 便签中是否存在图片 -->
         <img class="image_28" src="/assets/icons/drawable-xxhdpi/list_item_image_icon.png" />
       </div>
     </div>
@@ -17,7 +22,7 @@
   </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup></script>
 
 <style lang="less" scoped>
 .ml-15 {
diff --git a/src/pages/NoteListPage.vue b/src/pages/NoteListPage.vue
index 791b694..b63ca51 100644
--- a/src/pages/NoteListPage.vue
+++ b/src/pages/NoteListPage.vue
@@ -38,8 +38,8 @@
       </div>
 
       <div style="flex: 1">
-        <div style="border-radius: 6px; overflow: hidden; box-shadow: 0 1px 2px var(--shadow); background-color: var(--background-card); margin: 0 16px">
-          <div v-for="note in filteredAndSortedNotes" :key="note.id">
+        <div style="margin-inline: 0.5rem">
+          <div v-for="note in filteredAndSortedNotes" :key="note.id" style="border-radius: 6px; overflow: hidden; box-shadow: 0 1px 2px var(--shadow); background-color: var(--background-card); margin-block: .5rem">
             <NoteItem :title="note.title" :content="note.content" :date="formatDate(note.updatedAt)" :isStarred="note.isStarred" :onPress="() => handleNotePress(note.id)" :onDelete="() => handleDeleteNote(note.id)" />
           </div>
         </div>