页面uodate

demo/Views/Mall/CartView.swift

@@ -8,8 +8,67 @@
 import SwiftUI
 
 struct CartView: View {
+    @State private var isCheckAll = false
+    @State private var canSettle: Bool = false
+
     var body: some View {
-        Text(/*@START_MENU_TOKEN@*/"Hello, World!"/*@END_MENU_TOKEN@*/)
+        VStack(spacing: 0) {
+            HStack(spacing: 2) {
+                Text("购物车")
+                    .font(.system(size: 18))
+                Text("(12)")
+                    .font(.system(size: 12))
+                    .foregroundColor(Color.gray)
+                Spacer()
+                Text("管理")
+                    .font(.system(size: 16))
+                    .foregroundColor(Color.black)
+                    .onTapGesture {
+                        canSettle.toggle()
+                    }
+            }
+            .padding(.horizontal, 16)
+            .padding(.bottom, 12)
+            ScrollView(.vertical, showsIndicators: false) {
+                VStack(spacing: 12) {
+                    ForEach(0 ..< 22) { _ in
+                        Rectangle()
+                            .fill(Color.white)
+                            .frame(maxWidth: .infinity)
+                            .frame(height: 100)
+                    }
+                }
+                .padding(.bottom, 12)
+            }
+            .frame(maxWidth: .infinity)
+            .padding(.horizontal, 12)
+
+            HStack(alignment: .center, spacing: 4) {
+                RadioButton(checked: $isCheckAll, label: "全选")
+                Spacer()
+                Text("合计")
+                    .font(.system(size: 14))
+                CamelPrice(amount: 0)
+                Text("结  算")
+                    .font(.system(size: 14))
+                    .padding(.horizontal, 24)
+                    .padding(.vertical, 12)
+                    .foregroundColor(Color.white)
+                    .background(
+                        LinearGradient(colors: [
+                            canSettle ? Color.orange : Color.gray.opacity(0.5),
+                            canSettle ? Color.red : Color.gray,
+                        ], startPoint: .leading, endPoint: .trailing)
+                    )
+                    .cornerRadius(32)
+                    .onTapGesture {}
+            }
+            .padding(12)
+            .background(Color.white)
+        }
+        .animation(.linear(duration: 10), value: isCheckAll)
+        .padding(.bottom, 62)
+        .background(Color.gray.opacity(0.2))
     }
 }