优化windows笔记功能

lib/pages/note/note_add_page.dart

@@ -57,19 +57,20 @@ class _NoteAddPageState extends State<NoteAddPage> {
         children: [
           // 顶栏
           Container(
-            height: 48,
+            height: 52,
             decoration: BoxDecoration(
               color: colors.surface,
               border: Border(bottom: BorderSide(color: colors.outlineVariant, width: 0.5)),
             ),
             child: Row(children: [
+              const SizedBox(width: 8),
               IconButton(
                 icon: Icon(Icons.close, color: colors.onSurface, size: 18),
                 onPressed: () => widget.onCancel?.call(),
               ),
               Expanded(
                 child: Text('添加笔记',
-                  style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: colors.onSurface)),
+                  style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: colors.onSurface.withValues(alpha: 0.6))),
               ),
               // 编辑/预览切换
               Container(
@@ -80,7 +81,7 @@ class _NoteAddPageState extends State<NoteAddPage> {
                   _editModeChip(Icons.visibility_outlined, '预览', 'preview', colors),
                 ]),
               ),
-              const SizedBox(width: 8),
+              const SizedBox(width: 12),
               FilledButton.icon(
                 onPressed: _save,
                 icon: const Icon(Icons.check, size: 16),
@@ -90,7 +91,7 @@ class _NoteAddPageState extends State<NoteAddPage> {
                   shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
                 ),
               ),
-              const SizedBox(width: 12),
+              const SizedBox(width: 16),
             ]),
           ),
           // 主体
@@ -126,82 +127,91 @@ class _NoteAddPageState extends State<NoteAddPage> {
   Widget _buildEditArea(ColorScheme colors) {
     final isWin = Platform.isWindows;
     return Column(children: [
-      // 标题输入
+      // 标题输入（Windows: 更大更醒目）
       Container(
-        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+        padding: EdgeInsets.symmetric(horizontal: isWin ? 48 : 16, vertical: isWin ? 16 : 8),
         decoration: BoxDecoration(border: Border(bottom: BorderSide(color: colors.outlineVariant, width: 0.5))),
-        child: TextField(
-          controller: _titleCtrl,
-          maxLines: 1,
-          style: TextStyle(fontSize: 16, fontWeight: FontWeight.w700, color: colors.onSurface),
-          decoration: InputDecoration(
-            hintText: '添加标题',
-            hintStyle: TextStyle(fontSize: 16, fontWeight: FontWeight.w700, color: colors.onSurface.withValues(alpha: 0.2)),
-            border: InputBorder.none, enabledBorder: InputBorder.none, focusedBorder: InputBorder.none,
-            isDense: true,
-            contentPadding: EdgeInsets.zero,
+        child: Center(child: ConstrainedBox(constraints: const BoxConstraints(maxWidth: 720),
+          child: TextField(
+            controller: _titleCtrl,
+            maxLines: 1,
+            style: TextStyle(fontSize: isWin ? 22 : 16, fontWeight: FontWeight.w700, color: colors.onSurface, height: 1.4),
+            decoration: InputDecoration(
+              hintText: '添加标题',
+              hintStyle: TextStyle(fontSize: isWin ? 22 : 16, fontWeight: FontWeight.w700, color: colors.onSurface.withValues(alpha: 0.2), height: 1.4),
+              border: InputBorder.none, enabledBorder: InputBorder.none, focusedBorder: InputBorder.none,
+              isDense: true,
+              contentPadding: EdgeInsets.zero,
+            ),
+            onChanged: (_) => setState(() {}),
           ),
-          onChanged: (_) => setState(() {}),
-        ),
+        )),
       ),
-      // Windows: 标签栏移到标题下方（靠左）
+      // 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)),
+          padding: const EdgeInsets.symmetric(horizontal: 48, vertical: 8),
+          child: Center(child: ConstrainedBox(constraints: const BoxConstraints(maxWidth: 720),
+            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: 6),
+                      child: Container(
+                        padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+                        decoration: BoxDecoration(
+                          color: colors.primaryContainer,
+                          borderRadius: BorderRadius.circular(12),
                         ),
+                        child: Row(mainAxisSize: MainAxisSize.min, children: [
+                          Text(_tags[i], style: TextStyle(fontSize: 12, color: colors.onPrimaryContainer, fontWeight: FontWeight.w500)),
+                          const SizedBox(width: 4),
+                          GestureDetector(
+                            onTap: () => setState(() => _tags.removeAt(i)),
+                            child: Icon(Icons.close, size: 12, color: colors.onPrimaryContainer.withValues(alpha: 0.6)),
+                          ),
+                        ]),
+                      ),
+                    ),
+                  GestureDetector(
+                    onTap: _showTagPanel,
+                    child: Container(
+                      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(12),
+                        border: Border.all(color: colors.outline.withValues(alpha: 0.3), width: 1),
+                      ),
+                      child: Row(mainAxisSize: MainAxisSize.min, children: [
+                        Icon(Icons.add, size: 14, color: colors.onSurface.withValues(alpha: 0.4)),
+                        const SizedBox(width: 3),
+                        Text('标签', style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.4))),
                       ]),
                     ),
                   ),
-                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))),
-                    ]),
-                  ),
-                ),
-              ]),
+                ]),
+              ),
             ),
-          ),
+          )),
         ),
-      // 内容编辑
+      // 内容编辑（Windows: 限宽居中）
       Expanded(
         child: isWin
-            ? VditorEditor(
-                key: _vditorKey,
-                initialContent: _contentCtrl.text,
-                noteId: _tempId,
-                isDark: Theme.of(context).brightness == Brightness.dark,
-                onContentChanged: (value) {
-                  _contentCtrl.text = value;
-                  setState(() {});
-                },
-              )
+            ? Center(child: ConstrainedBox(constraints: const BoxConstraints(maxWidth: 720),
+                child: VditorEditor(
+                  key: _vditorKey,
+                  initialContent: _contentCtrl.text,
+                  noteId: _tempId,
+                  isDark: Theme.of(context).brightness == Brightness.dark,
+                  surfaceColor: colors.surface,
+                  onContentChanged: (value) {
+                    _contentCtrl.text = value;
+                    setState(() {});
+                  },
+                ),
+              ))
             : TextField(
                 controller: _contentCtrl,
                 maxLines: null,
@@ -284,14 +294,15 @@ class _NoteAddPageState extends State<NoteAddPage> {
             ]),
           ]),
         ),
-      // Windows: 底部只显示字数
+      // Windows: 底部字数（简洁）
       if (isWin)
         Container(
-          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
-          decoration: BoxDecoration(border: Border(top: BorderSide(color: colors.outlineVariant, width: 0.5))),
-          child: Row(mainAxisAlignment: MainAxisAlignment.end, children: [
-            Text('${_contentCtrl.text.length} 字', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3))),
-          ]),
+          padding: const EdgeInsets.symmetric(horizontal: 48, vertical: 8),
+          child: Center(child: ConstrainedBox(constraints: const BoxConstraints(maxWidth: 720),
+            child: Row(mainAxisAlignment: MainAxisAlignment.end, children: [
+              Text('${_contentCtrl.text.length} 字', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3))),
+            ]),
+          )),
         ),
     ]);
   }
@@ -526,9 +537,12 @@ class _NoteAddPageState extends State<NoteAddPage> {
 
   Future<void> _save() async {
     final title = _titleCtrl.text.trim();
-    final content = Platform.isWindows
-        ? (await _vditorKey.currentState?.getValue() ?? '').trim()
-        : _contentCtrl.text.trim();
+    String content;
+    if (Platform.isWindows && _vditorKey.currentState != null && _vditorKey.currentState!.isReady) {
+      content = (await _vditorKey.currentState!.getValue()).trim();
+    } else {
+      content = _contentCtrl.text.trim();
+    }
     if (title.isEmpty && content.isEmpty) {
       ToastUtil.show(context, '标题或内容不能为空');
       return;