feat:增加菜单栏模块

lib/pages/message_page.dart

@@ -0,0 +1,59 @@
+import 'package:flutter/material.dart';
+
+class MessagePage extends StatelessWidget {
+  final List<Map<String, dynamic>> messages = [
+    {'title': '系统通知', 'content': '您的账号安全等级已提升', 'time': '10:30', 'unread': false},
+    {'title': '活动提醒', 'content': '新活动即将开始，敬请期待', 'time': '昨天', 'unread': true},
+    {'title': '版本更新', 'content': '新版本v2.1.0已发布', 'time': '2024-01-20', 'unread': false},
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return ListView.builder(
+      itemCount: messages.length,
+      itemBuilder: (context, index) {
+        final message = messages[index];
+        return Card(
+          margin: EdgeInsets.symmetric(horizontal: 16, vertical: 4),
+          child: ListTile(
+            leading: CircleAvatar(
+              backgroundColor: message['unread'] ? Colors.blue : Colors.grey,
+              child: Icon(
+                Icons.notifications,
+                color: Colors.white,
+                size: 20,
+              ),
+            ),
+            title: Text(
+              message['title'],
+              style: TextStyle(
+                fontWeight: message['unread'] ? FontWeight.bold : FontWeight.normal,
+              ),
+            ),
+            subtitle: Text(message['content']),
+            trailing: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Text(
+                  message['time'],
+                  style: TextStyle(fontSize: 12, color: Colors.grey),
+                ),
+                if (message['unread'])
+                  Container(
+                    margin: EdgeInsets.only(top: 4),
+                    width: 8,
+                    height: 8,
+                    decoration: BoxDecoration(
+                      color: Colors.red,
+                      shape: BoxShape.circle,
+                    ),
+                  ),
+              ],
+            ),
+            onTap: () {},
+          ),
+        );
+      },
+    );
+  }
+}