优化 编辑器工具栏位置调整；

优化 日期、字数信息布局调整；

src/pages/NoteEditorPage.vue

@@ -3,17 +3,18 @@
     <div class="container">
       <Header :onBack="handleCancel" :onAction="handleSave" actionIcon="save" />
 
+      <!-- 顶部信息栏 -->
+      <div class="header-info">
+        <span class="edit-time">{{ formattedTime }}</span>
+        <span>|</span>
+        <span class="word-count">{{ wordCount }}</span>
+      </div>
+
       <!-- 富文本编辑器 -->
       <div class="editor-container">
         <RichTextEditor ref="editorRef" v-model="content" class="rich-text-editor" />
       </div>
 
-      <!-- 底部信息栏 -->
-      <div class="footer-info">
-        <span class="edit-time">{{ formattedTime }}</span>
-        <span class="word-count">{{ wordCount }} 字</span>
-      </div>
-
       <ion-alert
         :is-open="showAlert"
         @didDismiss="() => setShowAlert(false)"
@@ -130,7 +131,7 @@ const setShowAlert = value => {
 }
 </script>
 
-<style scoped>
+<style lang="less" scoped>
 .container {
   display: flex;
   flex-direction: column;
@@ -148,13 +149,14 @@ const setShowAlert = value => {
   height: 100%;
 }
 
-.footer-info {
+.header-info {
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-start;
+  gap: 10px;
   padding: 8px 16px;
   background-color: var(--background-card);
-  border-top: 1px solid var(--border);
-  font-size: 14px;
+  border-bottom: 1px solid var(--border);
+  font-size: 0.7rem;
   color: var(--text-tertiary);
 }
 </style>