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>