fix settings view

punchnet/Views/Settings/SettingsAboutView.swift

@@ -4,34 +4,138 @@
 //
 //  Created by 安礼成 on 2026/1/19.
 //
-
 import SwiftUI
 
 struct SettingsAboutView: View {
+    @Environment(\.openURL) private var openURL
+    
     var body: some View {
-        VStack(alignment: .leading, spacing: 8) {
+        ScrollView(.vertical, showsIndicators: false) {
-            Text("关于PunchNet")
+            VStack(alignment: .leading, spacing: 32) {
                 
-            HStack {
+                // MARK: - 品牌展示区 (左对齐)
-                Text("当前版本")
+                HStack(spacing: 20) {
-                Text("v1.25(arm64)")
+                    // App Icon 保持精致的圆角和阴影
+                    ZStack {
+                        RoundedRectangle(cornerRadius: 16, style: .continuous)
+                            .fill(Color.blue.gradient)
+                            .frame(width: 64, height: 64)
+                            .shadow(color: .blue.opacity(0.2), radius: 8, x: 0, y: 4)
                         
-                Text("检查更新")
+                        Image(systemName: "bolt.shield.fill")
+                            .font(.system(size: 32))
+                            .foregroundColor(.white)
                     }
                     
-            Button {
+                    VStack(alignment: .leading, spacing: 4) {
+                        Text("PunchNet")
+                            .font(.system(size: 22, weight: .bold))
                         
-            } label: {
+                        Text("版本 \(SystemConfig.version_name)")
-                Text("用户反馈")
+                            .font(.subheadline)
+                            .foregroundColor(.secondary)
+                        
+                        Text(SystemConfig.systemInfo)
+                            .font(.caption2)
+                            .padding(.horizontal, 6)
+                            .padding(.vertical, 2)
+                            .background(Color.primary.opacity(0.05))
+                            .cornerRadius(4)
+                    }
+                }
+                .padding(.top, 10)
+
+                // MARK: - 核心操作卡片
+                VStack(alignment: .leading, spacing: 0) {
+                    AboutRow(title: "检查更新", icon: "arrow.clockwise.circle") {
+                        Button("立即检查") {
+                            // 检查更新逻辑
+                        }
+                        .buttonStyle(.plain)
+                        .foregroundColor(.blue)
+                        .font(.subheadline.bold())
                     }
                     
-            HStack {
+                    Divider().padding(.leading, 44)
-                Text("隐私政策")
+                    
-                Text("服务条款")
+                    AboutRow(title: "用户反馈", icon: "bubble.left.and.exclamationmark.bubble.right") {
+                        Image(systemName: "chevron.right")
+                            .font(.caption)
+                            .foregroundColor(.secondary)
+                    }
+                    .onTapGesture {
+                        if let url = URL(string: "https://yourfeedbacklink.com") {
+                            openURL(url)
+                        }
+                    }
+                }
+                .background(Color.primary.opacity(0.03))
+                .cornerRadius(12)
+                .overlay(RoundedRectangle(cornerRadius: 12).stroke(Color.primary.opacity(0.05), lineWidth: 1))
+
+                // MARK: - 法律文档卡片
+                VStack(alignment: .leading, spacing: 0) {
+                    AboutRow(title: "隐私政策", icon: "doc.text.magnifyingglass") {
+                        Image(systemName: "arrow.up.right")
+                            .font(.caption)
+                            .foregroundColor(.secondary)
+                    }
+                    .onTapGesture {
+                        /* 跳转隐私协议 */
                     }
                     
+                    Divider().padding(.leading, 44)
+                    
+                    AboutRow(title: "服务条款", icon: "scroll") {
+                        Image(systemName: "arrow.up.right")
+                            .font(.caption)
+                            .foregroundColor(.secondary)
                     }
-        .padding()
+                    .onTapGesture {
+                        /* 跳转服务条款 */
+                    }
+                }
+                .background(Color.primary.opacity(0.03))
+                .cornerRadius(12)
+
+                // MARK: - 底部版权
+                VStack(alignment: .leading, spacing: 4) {
+                    Text("© 2024-2026 PunchNet Inc.")
+                    Text("保留所有权利。")
+                }
+                .font(.caption2)
+                .foregroundColor(.secondary)
+                .padding(.leading, 4)
+            }
+            .padding(32)
+            .frame(maxWidth: 600, alignment: .leading) 
+        }
+    }
+}
+
+// MARK: - 复用之前的行组件
+struct AboutRow<Content: View>: View {
+    let title: String
+    let icon: String
+    let trailingContent: () -> Content
+    
+    var body: some View {
+        HStack(spacing: 12) {
+            Image(systemName: icon)
+                .foregroundColor(.blue)
+                .font(.system(size: 14))
+                .frame(width: 20)
+            
+            Text(title)
+                .font(.system(size: 14, weight: .medium))
+            
+            Spacer()
+            
+            trailingContent()
+        }
+        .padding(.horizontal, 16)
+        .padding(.vertical, 14)
+        .contentShape(Rectangle())
     }
 }
 

punchnet/Views/Settings/SettingsSystemView.swift

@@ -4,22 +4,105 @@
 //
 //  Created by 安礼成 on 2026/1/19.
 //
-
 import SwiftUI
 
 struct SettingsSystemView: View {
-    @State private var isOn: Bool = false
+    // 为每个设置项提供独立的状态
+    @State private var launchAtLogin: Bool = false
+    @State private var autoConnect: Bool = false
+    @State private var showMainUI: Bool = true
+    @State private var autoUpdate: Bool = true
     
     var body: some View {
-        VStack(alignment: .leading) {
+        ScrollView(.vertical, showsIndicators: false) {
-            Toggle("开机时启动", isOn: $isOn)
+            VStack(alignment: .leading, spacing: 28) {
-            Toggle("启动时候自动连接", isOn: $isOn)
+                
-            Toggle("启动时显示主界面", isOn: $isOn)
+                // MARK: - 启动行为设置
-            Toggle("自动安装更新", isOn: $isOn)
+                systemSectionHeader(title: "启动与运行", icon: "power.circle.fill")
+                
+                VStack(spacing: 0) {
+                    ToggleRow(icon: "macwindow.badge.plus", title: "开机时自动启动", isOn: $launchAtLogin)
+                    
+                    Divider().padding(.leading, 48) // 为图标留出间距
+                    
+                    ToggleRow(icon: "bolt.horizontal.icloud.fill", title: "应用启动后自动连接", isOn: $autoConnect)
+                    
+                    Divider().padding(.leading, 48)
+                    
+                    ToggleRow(icon: "macwindow", title: "启动时显示主界面", isOn: $showMainUI)
+                }
+                .background(Color.primary.opacity(0.03))
+                .cornerRadius(12)
+                .overlay(RoundedRectangle(cornerRadius: 12).stroke(Color.primary.opacity(0.05), lineWidth: 1))
+                
+                // MARK: - 软件维护
+                systemSectionHeader(title: "软件更新", icon: "arrow.clockwise.circle.fill")
+                
+                VStack(spacing: 0) {
+                    ToggleRow(icon: "arrow.down.circle.fill", title: "自动下载并安装更新", isOn: $autoUpdate)
+                }
+                .background(Color.primary.opacity(0.03))
+                .cornerRadius(12)
+                .overlay(RoundedRectangle(cornerRadius: 12).stroke(Color.primary.opacity(0.05), lineWidth: 1))
+                
+                // MARK: - 底部版本提示
+                Text("当前版本：1.0.4 (Build 202603) - 已是最新版本")
+                    .font(.caption)
+                    .foregroundColor(.secondary)
+                    .padding(.horizontal, 4)
+                
+                Spacer()
+            }
+            .padding(32)
+            .frame(maxWidth: 600, alignment: .leading)
         }
-        .padding()
     }
     
+    // 辅助头部
+    private func systemSectionHeader(title: String, icon: String) -> some View {
+        HStack {
+            Image(systemName: icon)
+                .foregroundColor(.blue)
+                .font(.system(size: 14, weight: .semibold))
+            Text(title)
+                .font(.system(size: 15, weight: .bold))
+                .foregroundColor(.secondary)
+        }
+        .padding(.leading, 4)
+    }
+}
+
+// MARK: - 子组件：开关行
+struct ToggleRow: View {
+    let icon: String
+    let title: String
+    @Binding var isOn: Bool
+    
+    var body: some View {
+        HStack(spacing: 16) {
+            // 图标容器
+            ZStack {
+                RoundedRectangle(cornerRadius: 6, style: .continuous)
+                    .fill(Color.blue.opacity(0.1))
+                    .frame(width: 28, height: 28)
+                
+                Image(systemName: icon)
+                    .font(.system(size: 14, weight: .medium))
+                    .foregroundColor(.blue)
+            }
+            
+            Text(title)
+                .font(.system(size: 14))
+            
+            Spacer()
+            
+            Toggle("", isOn: $isOn)
+                .toggleStyle(.switch) // 强制使用 macOS 切换样式
+                .labelsHidden() // 隐藏自带的 Label 以便我们自定义布局
+        }
+        .padding(.horizontal, 16)
+        .padding(.vertical, 12)
+    }
 }
 
 #Preview {