feat: mrmory页面布局

wake/View/Memories/MemoriesView.swift

@@ -61,6 +61,7 @@ enum MemoryMediaType: Equatable {
 }
 
 struct MemoriesView: View {
+    @Environment(\.dismiss) private var dismiss
     @State private var memories: [MemoryItem] = []
     @State private var isLoading = false
     @State private var errorMessage: String?
@@ -72,6 +73,27 @@ struct MemoriesView: View {
     
     var body: some View {
         NavigationView {
+            VStack(spacing: 0) {
+                // 顶部导航栏
+                HStack {
+                    Button(action: {
+                        // 返回上一级
+                        self.dismiss()
+                    }) {
+                        Image(systemName: "chevron.left")
+                            .foregroundColor(.themeTextMessageMain)
+                            .font(.system(size: 20))
+                    }
+                    Spacer()
+                    Text("My Memories")
+                        .foregroundColor(.themeTextMessageMain)
+                        .font(Typography.font(for: .body, family: .quicksandBold))
+                    Spacer()
+                }
+                .padding()
+                .background(Color.themeTextWhiteSecondary)
+                
+                // 内容区域
                 ZStack {
                     Color.themeTextWhiteSecondary.ignoresSafeArea()
                     
@@ -96,19 +118,13 @@ struct MemoriesView: View {
                         }
                     }
                 }
-            .navigationTitle("My Memories")
+            }
-            .navigationBarTitleDisplayMode(.inline)
+        }
         .navigationBarBackButtonHidden(true)
-            .toolbar {
-                ToolbarItem(placement: .navigationBarLeading) {
-                    EmptyView()
-                }
-            }
         .onAppear {
             fetchMemories()
         }
     }
-    }
     
     private func fetchMemories() {
         isLoading = true
@@ -140,7 +156,7 @@ struct MemoryCard: View {
     let memory: MemoryItem
     
     var body: some View {
-        VStack(alignment: .leading, spacing: 4) {
+        VStack(alignment: .leading, spacing: 12) {  
             ZStack {
                 // Media content
                 Group {
@@ -194,18 +210,18 @@ struct MemoryCard: View {
             }
             
             // Title and Subtitle
-            VStack(alignment: .leading, spacing: 1) {
+            VStack(alignment: .leading, spacing: 8) {  
                 Text(memory.title)
-                    .font(.subheadline)
+                    .font(Typography.font(for: .body, family: .quicksandBold))
+                    .foregroundColor(.themeTextMessageMain)
                     .lineLimit(1)
                 
                 Text(memory.subtitle)
-                    .font(.caption)
+                    .font(.system(size: 14))
-                    .foregroundColor(.secondary)
+                    .foregroundColor(.themeTextMessageMain)
-                    .lineLimit(1)
             }
             .padding(.horizontal, 2)
-            .padding(.bottom, 4)
+            .padding(.bottom, 8)
         }
     }
 }