优化win的新增/编辑界面

lib/pages/note/note_add_page.dart

@@ -122,6 +122,7 @@ class _NoteAddPageState extends State<NoteAddPage> {
   }
 
   Widget _buildEditArea(ColorScheme colors) {
+    final isWin = Platform.isWindows;
     return Column(children: [
       // 标题输入
       Container(
@@ -134,13 +135,58 @@ class _NoteAddPageState extends State<NoteAddPage> {
           decoration: InputDecoration(
             hintText: '添加标题',
             hintStyle: TextStyle(fontSize: 16, fontWeight: FontWeight.w700, color: colors.onSurface.withValues(alpha: 0.2)),
-            border: InputBorder.none,
+            border: InputBorder.none, enabledBorder: InputBorder.none, focusedBorder: InputBorder.none,
             isDense: true,
             contentPadding: EdgeInsets.zero,
           ),
           onChanged: (_) => setState(() {}),
         ),
       ),
+      // Windows: 标签栏移到标题下方（靠左）
+      if (isWin)
+        Container(
+          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
+          decoration: BoxDecoration(border: Border(bottom: BorderSide(color: colors.outlineVariant, width: 0.5))),
+          child: Align(
+            alignment: Alignment.centerLeft,
+            child: SingleChildScrollView(
+              scrollDirection: Axis.horizontal,
+              child: Row(mainAxisSize: MainAxisSize.min, children: [
+                for (int i = 0; i < _tags.length; i++)
+                  Padding(
+                    padding: const EdgeInsets.only(right: 4),
+                    child: Container(
+                      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                      decoration: BoxDecoration(color: colors.surfaceContainerHighest, borderRadius: BorderRadius.circular(6)),
+                      child: Row(mainAxisSize: MainAxisSize.min, children: [
+                        Text(_tags[i], style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.6))),
+                        const SizedBox(width: 3),
+                        GestureDetector(
+                          onTap: () => setState(() => _tags.removeAt(i)),
+                          child: Icon(Icons.close, size: 10, color: colors.onSurface.withValues(alpha: 0.3)),
+                        ),
+                      ]),
+                    ),
+                  ),
+                GestureDetector(
+                  onTap: _showTagPanel,
+                  child: Container(
+                    padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
+                    decoration: BoxDecoration(
+                      borderRadius: BorderRadius.circular(6),
+                      border: Border.all(color: colors.onSurface.withValues(alpha: 0.25), width: 1),
+                    ),
+                    child: Row(mainAxisSize: MainAxisSize.min, children: [
+                      Icon(Icons.add, size: 12, color: colors.onSurface.withValues(alpha: 0.35)),
+                      const SizedBox(width: 2),
+                      Text('标签', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.35))),
+                    ]),
+                  ),
+                ),
+              ]),
+            ),
+          ),
+        ),
       // 内容编辑
       Expanded(
         child: TextField(
@@ -153,7 +199,7 @@ class _NoteAddPageState extends State<NoteAddPage> {
           decoration: InputDecoration(
             hintText: '使用 Markdown 格式书写...',
             hintStyle: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.25), height: 1.6),
-            border: InputBorder.none,
+            border: InputBorder.none, enabledBorder: InputBorder.none, focusedBorder: InputBorder.none,
             contentPadding: const EdgeInsets.all(16),
           ),
           onChanged: (_) => setState(() {}),
@@ -161,69 +207,79 @@ class _NoteAddPageState extends State<NoteAddPage> {
       ),
       // 图片行
       if (_images.isNotEmpty) _buildImageRow(colors),
-      // 标签 + 工具栏
+      // 底部标签 + 工具栏（仅非 Windows）
-      Container(
+      if (!isWin)
-        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
+        Container(
-        decoration: BoxDecoration(border: Border(top: BorderSide(color: colors.outlineVariant, width: 0.5))),
+          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
-        child: Column(children: [
+          decoration: BoxDecoration(border: Border(top: BorderSide(color: colors.outlineVariant, width: 0.5))),
-          // 标签行
+          child: Column(children: [
-          Wrap(spacing: 6, runSpacing: 4, children: [
+            // 标签行
-            for (int i = 0; i < _tags.length; i++) Container(
+            Wrap(spacing: 6, runSpacing: 4, children: [
-              padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+              for (int i = 0; i < _tags.length; i++) Container(
-              decoration: BoxDecoration(color: colors.surfaceContainerHighest, borderRadius: BorderRadius.circular(6)),
+                padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
-              child: Row(mainAxisSize: MainAxisSize.min, children: [
+                decoration: BoxDecoration(color: colors.surfaceContainerHighest, borderRadius: BorderRadius.circular(6)),
-                Text(_tags[i], style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.6))),
-                const SizedBox(width: 3),
-                GestureDetector(
-                  onTap: () => setState(() => _tags.removeAt(i)),
-                  child: Icon(Icons.close, size: 10, color: colors.onSurface.withValues(alpha: 0.3)),
-                ),
-              ]),
-            ),
-            GestureDetector(
-              onTap: _showTagPanel,
-              child: Container(
-                padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
-                decoration: BoxDecoration(
-                  borderRadius: BorderRadius.circular(6),
-                  border: Border.all(color: colors.onSurface.withValues(alpha: 0.25), width: 1),
-                ),
                 child: Row(mainAxisSize: MainAxisSize.min, children: [
-                  Icon(Icons.add, size: 12, color: colors.onSurface.withValues(alpha: 0.35)),
+                  Text(_tags[i], style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.6))),
-                  const SizedBox(width: 2),
+                  const SizedBox(width: 3),
-                  Text('标签', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.35))),
+                  GestureDetector(
+                    onTap: () => setState(() => _tags.removeAt(i)),
+                    child: Icon(Icons.close, size: 10, color: colors.onSurface.withValues(alpha: 0.3)),
+                  ),
                 ]),
               ),
-            ),
+              GestureDetector(
+                onTap: _showTagPanel,
+                child: Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(6),
+                    border: Border.all(color: colors.onSurface.withValues(alpha: 0.25), width: 1),
+                  ),
+                  child: Row(mainAxisSize: MainAxisSize.min, children: [
+                    Icon(Icons.add, size: 12, color: colors.onSurface.withValues(alpha: 0.35)),
+                    const SizedBox(width: 2),
+                    Text('标签', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.35))),
+                  ]),
+                ),
+              ),
+            ]),
+            const SizedBox(height: 6),
+            // 工具栏
+            Row(children: [
+              Expanded(
+                child: SingleChildScrollView(scrollDirection: Axis.horizontal, child: Row(children: [
+                  _toolBtn(Icons.title, '标题', _insertHeading),
+                  _toolBtn(Icons.format_bold, '粗体', () => _insertMarkdown('**', '**')),
+                  _toolBtn(Icons.format_italic, '斜体', () => _insertMarkdown('*', '*')),
+                  _toolBtn(Icons.format_strikethrough, '删除线', () => _insertMarkdown('~~', '~~')),
+                  _toolGap(colors),
+                  _toolBtn(Icons.format_list_bulleted, '无序列表', () => _insertMarkdown('- ', '')),
+                  _toolBtn(Icons.format_list_numbered, '有序列表', () => _insertMarkdown('1. ', '')),
+                  _toolBtn(Icons.format_quote, '引用', () => _insertMarkdown('> ', '')),
+                  _toolBtn(Icons.insert_link, '链接', () => _insertMarkdown('[', '](url)')),
+                  _toolGap(colors),
+                  _toolBtn(Icons.code, '行内代码', () => _insertMarkdown('`', '`')),
+                  _toolBtn(Icons.data_object, '代码块', () => _insertMarkdown('```\n', '\n```')),
+                  _toolBtn(Icons.horizontal_rule, '分割线', () => _insertMarkdown('---\n', '')),
+                  _toolGap(colors),
+                  _toolBtn(Icons.add_photo_alternate_outlined, '图片', _pickImage),
+                ])),
+              ),
+              const SizedBox(width: 8),
+              Text('${_contentCtrl.text.length} 字',
+                style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3))),
+            ]),
           ]),
-          const SizedBox(height: 6),
+        ),
-          // 工具栏
+      // Windows: 底部只显示字数
-          Row(children: [
+      if (isWin)
-            Expanded(
+        Container(
-              child: SingleChildScrollView(scrollDirection: Axis.horizontal, child: Row(children: [
+          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
-                _toolBtn(Icons.title, '标题', _insertHeading),
+          decoration: BoxDecoration(border: Border(top: BorderSide(color: colors.outlineVariant, width: 0.5))),
-                _toolBtn(Icons.format_bold, '粗体', () => _insertMarkdown('**', '**')),
+          child: Row(mainAxisAlignment: MainAxisAlignment.end, children: [
-                _toolBtn(Icons.format_italic, '斜体', () => _insertMarkdown('*', '*')),
+            Text('${_contentCtrl.text.length} 字', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3))),
-                _toolBtn(Icons.format_strikethrough, '删除线', () => _insertMarkdown('~~', '~~')),
-                _toolGap(colors),
-                _toolBtn(Icons.format_list_bulleted, '无序列表', () => _insertMarkdown('- ', '')),
-                _toolBtn(Icons.format_list_numbered, '有序列表', () => _insertMarkdown('1. ', '')),
-                _toolBtn(Icons.format_quote, '引用', () => _insertMarkdown('> ', '')),
-                _toolBtn(Icons.insert_link, '链接', () => _insertMarkdown('[', '](url)')),
-                _toolGap(colors),
-                _toolBtn(Icons.code, '行内代码', () => _insertMarkdown('`', '`')),
-                _toolBtn(Icons.data_object, '代码块', () => _insertMarkdown('```\n', '\n```')),
-                _toolBtn(Icons.horizontal_rule, '分割线', () => _insertMarkdown('---\n', '')),
-                _toolGap(colors),
-                _toolBtn(Icons.add_photo_alternate_outlined, '图片', _pickImage),
-              ])),
-            ),
-            const SizedBox(width: 8),
-            Text('${_contentCtrl.text.length} 字',
-              style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3))),
           ]),
-        ]),
+        ),
-      ),
     ]);
   }