367 lines
12 KiB
Swift
367 lines
12 KiB
Swift
//
|
|
// SubscribeView.swift
|
|
// wake
|
|
//
|
|
// Created by fairclip on 2025/8/19.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
// MARK: - 订阅计划枚举
|
|
enum SubscriptionPlan: String, CaseIterable {
|
|
case free = "Free"
|
|
case pioneer = "Pioneer"
|
|
|
|
var displayName: String {
|
|
return self.rawValue
|
|
}
|
|
|
|
var price: String {
|
|
switch self {
|
|
case .free:
|
|
return "Free"
|
|
case .pioneer:
|
|
return "1$/Mon"
|
|
}
|
|
}
|
|
|
|
var isPopular: Bool {
|
|
return self == .pioneer
|
|
}
|
|
}
|
|
|
|
// MARK: - 功能特性结构体
|
|
struct SubscriptionFeature {
|
|
let name: String
|
|
let freeValue: String
|
|
let proValue: String
|
|
}
|
|
|
|
struct SubscribeView: View {
|
|
@State private var selectedPlan: SubscriptionPlan? = .pioneer
|
|
@State private var isLoading = false
|
|
@Environment(\.presentationMode) var presentationMode
|
|
|
|
// 功能对比数据
|
|
private let features = [
|
|
SubscriptionFeature(name: "Mystery Box Purchase:", freeValue: "3 /week", proValue: "Free"),
|
|
SubscriptionFeature(name: "Material Upload:", freeValue: "50 images and\n5 videos/day", proValue: "Unlimited"),
|
|
SubscriptionFeature(name: "Free Credits:", freeValue: "200 /day", proValue: "500 /day")
|
|
]
|
|
|
|
var body: some View {
|
|
NavigationView {
|
|
ScrollView {
|
|
VStack(spacing: 0) {
|
|
// 导航栏
|
|
navigationHeader
|
|
|
|
// 当前订阅状态卡片
|
|
currentSubscriptionCard
|
|
|
|
// 积分信息
|
|
creditsSection
|
|
|
|
VStack {
|
|
// 订阅计划选择
|
|
subscriptionPlansSection
|
|
|
|
// 特别优惠提示
|
|
specialOfferBanner
|
|
}
|
|
.background(Theme.Colors.cardBackground)
|
|
.cornerRadius(Theme.CornerRadius.medium)
|
|
.padding(.horizontal, Theme.Spacing.xl)
|
|
.padding(.vertical, Theme.Spacing.xl)
|
|
|
|
|
|
// 功能对比表
|
|
featureComparisonTable
|
|
|
|
// 订阅按钮
|
|
subscribeButton
|
|
|
|
// 法律链接
|
|
legalLinks
|
|
|
|
Spacer(minLength: 100)
|
|
}
|
|
}
|
|
.background(Theme.Colors.background)
|
|
.navigationBarHidden(true)
|
|
}
|
|
}
|
|
|
|
// MARK: - 导航栏
|
|
private var navigationHeader: some View {
|
|
NaviHeader(title: "Subscription") {
|
|
presentationMode.wrappedValue.dismiss()
|
|
}
|
|
}
|
|
|
|
// MARK: - 当前订阅状态卡片
|
|
private var currentSubscriptionCard: some View {
|
|
SubscriptionStatusBar(
|
|
status: .pioneer(expiryDate: Date()) ,
|
|
onSubscribeTap: {
|
|
// 订阅操作
|
|
handleSubscribe()
|
|
}
|
|
)
|
|
.padding(.horizontal, Theme.Spacing.xl)
|
|
}
|
|
|
|
// MARK: - 积分信息
|
|
private var creditsSection: some View {
|
|
VStack(spacing: 16) {
|
|
CreditsInfoCard(
|
|
totalCredits: 3290,
|
|
onInfoTap: {
|
|
// 显示积分信息说明
|
|
},
|
|
onDetailTap: {
|
|
// 跳转到积分详情页面
|
|
}
|
|
)
|
|
|
|
}
|
|
.padding(.horizontal, Theme.Spacing.xl)
|
|
.padding(.top, Theme.Spacing.xl)
|
|
}
|
|
|
|
// MARK: - 订阅计划选择
|
|
private var subscriptionPlansSection: some View {
|
|
PlanSelector(
|
|
selectedPlan: $selectedPlan,
|
|
onPlanSelected: { plan in
|
|
print("Selected plan: \(plan.displayName)")
|
|
}
|
|
)
|
|
.padding(.horizontal, Theme.Spacing.xl)
|
|
.padding(.top, Theme.Spacing.xl)
|
|
}
|
|
|
|
// MARK: - 特别优惠横幅
|
|
private var specialOfferBanner: some View {
|
|
HStack(spacing: 0) {
|
|
Text("First")
|
|
.font(Typography.font(for: .footnote, family: .quicksandRegular))
|
|
.foregroundColor(Theme.Colors.textPrimary)
|
|
|
|
Text(" 100")
|
|
.font(Typography.font(for: .footnote, family: .quicksandBold))
|
|
.foregroundColor(Theme.Colors.textPrimary)
|
|
|
|
Text(" users get a special deal: justs")
|
|
.font(Typography.font(for: .footnote, family: .quicksandRegular))
|
|
.foregroundColor(Theme.Colors.textPrimary)
|
|
|
|
Text(" $1")
|
|
.font(Typography.font(for: .footnote, family: .quicksandBold))
|
|
.foregroundColor(Theme.Colors.textPrimary)
|
|
|
|
Text(" for your first month!")
|
|
.font(Typography.font(for: .footnote, family: .quicksandRegular))
|
|
.foregroundColor(Theme.Colors.textPrimary)
|
|
}
|
|
.multilineTextAlignment(.center)
|
|
.padding(.horizontal, Theme.Spacing.lg)
|
|
.padding(.top, Theme.Spacing.sm)
|
|
.padding(.bottom, Theme.Spacing.lg)
|
|
}
|
|
|
|
// MARK: - 功能对比表
|
|
private var featureComparisonTable: some View {
|
|
VStack(spacing: 0) {
|
|
// 表头
|
|
HStack {
|
|
Spacer()
|
|
Text("Free")
|
|
.font(Typography.font(for: .subtitle, family: .quicksand))
|
|
.fontWeight(.medium)
|
|
.frame(maxWidth: .infinity)
|
|
.foregroundColor(.gray)
|
|
Text("Pro")
|
|
.font(Typography.font(for: .subtitle, family: .quicksand))
|
|
.fontWeight(.medium)
|
|
.frame(maxWidth: .infinity)
|
|
.foregroundColor(.gray)
|
|
}
|
|
.padding(.vertical, 16)
|
|
.background(Color(.systemGray6))
|
|
|
|
// 功能行
|
|
ForEach(Array(features.enumerated()), id: \.offset) { index, feature in
|
|
FeatureRow(feature: feature, isLast: index == features.count - 1)
|
|
}
|
|
}
|
|
.background(Color(.systemBackground))
|
|
.cornerRadius(12)
|
|
.padding(.horizontal, 20)
|
|
.padding(.top, 20)
|
|
.shadow(color: Color.black.opacity(0.05), radius: 2, x: 0, y: 1)
|
|
}
|
|
|
|
// MARK: - 订阅按钮
|
|
private var subscribeButton: some View {
|
|
VStack(spacing: 12) {
|
|
Button(action: {
|
|
handleSubscribe()
|
|
}) {
|
|
if isLoading {
|
|
HStack {
|
|
ProgressView()
|
|
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
|
.scaleEffect(0.8)
|
|
Text("Subscribe")
|
|
.font(Typography.font(for: .body, family: .quicksand))
|
|
.fontWeight(.semibold)
|
|
}
|
|
} else {
|
|
Text("Subscribe")
|
|
.font(Typography.font(for: .body, family: .quicksand))
|
|
.fontWeight(.semibold)
|
|
}
|
|
}
|
|
.foregroundColor(.white)
|
|
.frame(maxWidth: .infinity)
|
|
.padding(.vertical, 16)
|
|
.background(Color.blue)
|
|
.cornerRadius(25)
|
|
.disabled(isLoading)
|
|
|
|
Text("Get 5,000 Permanent Credits")
|
|
.font(Typography.font(for: .caption, family: .quicksand))
|
|
.foregroundColor(.secondary)
|
|
}
|
|
.padding(.horizontal, 20)
|
|
.padding(.top, 30)
|
|
}
|
|
|
|
// MARK: - 法律链接
|
|
private var legalLinks: some View {
|
|
HStack(spacing: 8) {
|
|
Button("Terms of Service") {
|
|
// 打开服务条款
|
|
}
|
|
|
|
Text("|")
|
|
.foregroundColor(.secondary)
|
|
|
|
Button("Privacy Policy") {
|
|
// 打开隐私政策
|
|
}
|
|
|
|
Text("|")
|
|
.foregroundColor(.secondary)
|
|
|
|
Button("Restore Purchase") {
|
|
// 恢复购买
|
|
}
|
|
}
|
|
.font(Typography.font(for: .caption, family: .quicksand))
|
|
.foregroundColor(.secondary)
|
|
.padding(.top, 16)
|
|
}
|
|
|
|
// MARK: - 订阅处理
|
|
private func handleSubscribe() {
|
|
isLoading = true
|
|
|
|
// 模拟订阅处理
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
|
|
isLoading = false
|
|
// 处理订阅逻辑
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - 订阅计划卡片
|
|
struct SubscriptionPlanCard: View {
|
|
let plan: SubscriptionPlan
|
|
let isSelected: Bool
|
|
let onTap: () -> Void
|
|
|
|
var body: some View {
|
|
Button(action: onTap) {
|
|
VStack(spacing: 12) {
|
|
if plan.isPopular {
|
|
HStack {
|
|
Spacer()
|
|
Text("Popular")
|
|
.font(Typography.font(for: .caption, family: .quicksand))
|
|
.fontWeight(.medium)
|
|
.foregroundColor(.white)
|
|
.padding(.horizontal, 12)
|
|
.padding(.vertical, 4)
|
|
.background(Color.black)
|
|
.cornerRadius(12)
|
|
}
|
|
.padding(.top, -8)
|
|
}
|
|
|
|
Text(plan.displayName)
|
|
.font(Typography.font(for: .title, family: .quicksand))
|
|
.fontWeight(.bold)
|
|
.foregroundColor(plan == .pioneer ? .white : .gray)
|
|
|
|
Text(plan.price)
|
|
.font(Typography.font(for: .body, family: .quicksand))
|
|
.fontWeight(.medium)
|
|
.foregroundColor(plan == .pioneer ? .white : .gray)
|
|
|
|
Spacer()
|
|
}
|
|
.frame(maxWidth: .infinity, minHeight: 120)
|
|
.padding(16)
|
|
.background(plan == .pioneer ? Color.orange : Color.white)
|
|
.cornerRadius(16)
|
|
.overlay(
|
|
RoundedRectangle(cornerRadius: 16)
|
|
.stroke(isSelected ? Color.blue : (plan == .free ? Color.blue : Color.clear), lineWidth: 2)
|
|
)
|
|
.shadow(color: Color.black.opacity(0.1), radius: 4, x: 0, y: 2)
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - 功能对比行
|
|
struct FeatureRow: View {
|
|
let feature: SubscriptionFeature
|
|
let isLast: Bool
|
|
|
|
var body: some View {
|
|
HStack {
|
|
Text(feature.name)
|
|
.font(Typography.font(for: .subtitle, family: .quicksand))
|
|
.fontWeight(.medium)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.foregroundColor(.primary)
|
|
|
|
Text(feature.freeValue)
|
|
.font(Typography.font(for: .caption, family: .quicksand))
|
|
.multilineTextAlignment(.center)
|
|
.frame(maxWidth: .infinity)
|
|
.foregroundColor(.gray)
|
|
|
|
Text(feature.proValue)
|
|
.font(Typography.font(for: .caption, family: .quicksand))
|
|
.multilineTextAlignment(.center)
|
|
.frame(maxWidth: .infinity)
|
|
.foregroundColor(.gray)
|
|
}
|
|
.padding(.vertical, 12)
|
|
.padding(.horizontal, 16)
|
|
.background(Color(.systemBackground))
|
|
|
|
if !isLast {
|
|
Divider()
|
|
.padding(.leading, 16)
|
|
}
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
SubscribeView()
|
|
}
|