271 lines
10 KiB
Swift
271 lines
10 KiB
Swift
import SwiftUI
|
||
import Alamofire
|
||
|
||
struct Post: Codable {
|
||
let id: Int
|
||
let title: String
|
||
let body: String
|
||
let userId: Int
|
||
}
|
||
struct Login: Encodable {
|
||
let account: String
|
||
let password: String
|
||
}
|
||
|
||
struct LoginView: View {
|
||
@State private var showModal = false
|
||
@State private var showSettings = false
|
||
@State private var contentOffset: CGFloat = 0
|
||
// 用户名称/邮箱
|
||
@State private var username=""
|
||
// 密码
|
||
@State private var password=""
|
||
// 登录loading
|
||
@State private var isLoading=false
|
||
|
||
// 登录点击事件
|
||
func handleLogin() {
|
||
withAnimation {
|
||
isLoading = true
|
||
}
|
||
// 示例调用
|
||
passwordLogin(username: "jyq@memo.cn", password: "111111")
|
||
// 注意：这里应该在网络请求完成后设置 isLoading = false
|
||
// 例如在 passwordLogin 的回调中
|
||
DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
|
||
withAnimation {
|
||
self.isLoading = false
|
||
}
|
||
}
|
||
}
|
||
|
||
// get 请求
|
||
func get(){
|
||
AF.request("http://192.168.31.156:31646/api/v1/iam/access-token-refresh").response { response in
|
||
debugPrint(response)
|
||
}
|
||
}
|
||
// post 请求
|
||
func post(){
|
||
let login = Login(account: username, password: password)
|
||
print(login)
|
||
AF.request("http://192.168.31.156:31646/api/v1/iam/login/password-login", method: .post,parameters: login).response{
|
||
response in debugPrint(response)
|
||
}
|
||
}
|
||
|
||
// func createPost() {
|
||
// Task {
|
||
// do {
|
||
// print("12132412354365342")
|
||
// let newPost = try await NetworkManager.shared.request(
|
||
// endpoint: "/iam/login/password-login",
|
||
// method: .post,
|
||
// parameters: [
|
||
// "account": username,
|
||
// "password": password
|
||
// ]
|
||
// ) as Post
|
||
// // 在字符串中添加变量 \(变量)
|
||
// print("登录成功：$newPost.id)\(username)")
|
||
// } catch {
|
||
// print("登录失败：$error)")
|
||
//
|
||
// }
|
||
// }
|
||
// }
|
||
var body: some View {
|
||
ZStack {
|
||
// Main content with slide effect
|
||
VStack {
|
||
VStack(spacing: 20) {
|
||
// This spacer ensures content stays below the status bar
|
||
Spacer().frame(height: UIApplication.shared.windows.first?.safeAreaInsets.top ?? 0)
|
||
// 顶部栏
|
||
HStack {
|
||
Spacer()
|
||
Button(action: {
|
||
withAnimation(.spring(response: 0.5, dampingFraction: 0.8)) {
|
||
showModal = true
|
||
}
|
||
}) {
|
||
Image(systemName: "gearshape")
|
||
.font(.title2)
|
||
.padding()
|
||
}
|
||
}
|
||
|
||
Text("邮箱登录").font(.title)
|
||
|
||
// 登录表单
|
||
VStack {
|
||
// 账号
|
||
CustomTextField(
|
||
placeholder: "请输入用户名",
|
||
type: .username,
|
||
value: $username
|
||
)
|
||
// 密码
|
||
CustomTextField(
|
||
placeholder: "请输入密码",
|
||
type: .password,
|
||
value: $password
|
||
)
|
||
// 登录
|
||
CustomButton(
|
||
text: "登录",
|
||
type: .primary,
|
||
size: .large,
|
||
fullWidth: true,
|
||
isLoading: isLoading
|
||
) {
|
||
handleLogin()
|
||
}
|
||
}
|
||
.padding()
|
||
Spacer()
|
||
}
|
||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||
.background(Color(.systemBackground))
|
||
.offset(x: showModal ? UIScreen.main.bounds.width * 0.35 : 0)
|
||
.animation(.spring(response: 0.5, dampingFraction: 0.8), value: showModal)
|
||
.edgesIgnoringSafeArea(.all)
|
||
}
|
||
|
||
// 添加半透明遮罩层
|
||
if showModal {
|
||
Color.black.opacity(0.4)
|
||
.edgesIgnoringSafeArea(.all)
|
||
.onTapGesture {
|
||
withAnimation(.spring(response: 0.5, dampingFraction: 0.8)) {
|
||
showModal = false
|
||
}
|
||
}
|
||
.transition(.opacity)
|
||
}
|
||
|
||
// Modal with animation
|
||
SlideInModal(isPresented: $showModal, onDismiss: {
|
||
withAnimation(.spring(response: 0.5, dampingFraction: 0.8)) {
|
||
showModal = false
|
||
}
|
||
}) {
|
||
VStack(spacing: 20) {
|
||
// 用户信息区域
|
||
HStack(alignment: .center, spacing: 16) {
|
||
// 头像
|
||
Image(systemName: "person.circle.fill")
|
||
.resizable()
|
||
.aspectRatio(contentMode: .fill)
|
||
.frame(width: 60, height: 60)
|
||
.foregroundColor(.blue)
|
||
.clipShape(Circle())
|
||
|
||
// 姓名和ID
|
||
VStack(alignment: .leading, spacing: 4) {
|
||
Text("用户名")
|
||
.font(.headline)
|
||
.foregroundColor(.primary)
|
||
|
||
Text("ID: 12345678")
|
||
.font(.subheadline)
|
||
.foregroundColor(.secondary)
|
||
}
|
||
|
||
Spacer()
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.top, 16)
|
||
|
||
VStack(alignment: .leading, spacing: 8) {
|
||
Text("会员等级")
|
||
.font(.headline)
|
||
.foregroundColor(.primary)
|
||
Text("会员时间")
|
||
.font(.subheadline)
|
||
.foregroundColor(.secondary)
|
||
Text("会员中心")
|
||
.font(.subheadline)
|
||
.foregroundColor(.secondary)
|
||
}
|
||
.frame(maxWidth: .infinity, alignment: .leading)
|
||
.padding(16)
|
||
.background(Color(red: 0.92, green: 0.92, blue: 0.92))
|
||
.cornerRadius(10)
|
||
.padding(.horizontal, 16)
|
||
|
||
VStack(spacing: 12) {
|
||
// memories
|
||
Button(action: {
|
||
print("memories")
|
||
}) {
|
||
HStack(spacing: 16) {
|
||
Image(systemName: "crown.fill")
|
||
.foregroundColor(.orange)
|
||
.frame(width: 24, height: 24)
|
||
|
||
Text("My Memories")
|
||
.font(.headline)
|
||
.foregroundColor(.primary)
|
||
|
||
Spacer()
|
||
}
|
||
.padding()
|
||
.cornerRadius(10)
|
||
.contentShape(Rectangle()) // 使整个区域可点击
|
||
}
|
||
.buttonStyle(PlainButtonStyle()) // 移除按钮默认样式
|
||
|
||
// Box
|
||
Button(action: {
|
||
print("Box")
|
||
}) {
|
||
HStack(spacing: 16) {
|
||
Image(systemName: "clock.fill")
|
||
.foregroundColor(.blue)
|
||
.frame(width: 24, height: 24)
|
||
Text("My Bind Box")
|
||
.font(.headline)
|
||
.foregroundColor(.primary)
|
||
|
||
Spacer()
|
||
}
|
||
.padding()
|
||
.cornerRadius(10)
|
||
.contentShape(Rectangle()) // 使整个区域可点击
|
||
}
|
||
.buttonStyle(PlainButtonStyle()) // 移除按钮默认样式
|
||
|
||
// setting
|
||
Button(action: {
|
||
print("Setting")
|
||
}) {
|
||
HStack(spacing: 16) {
|
||
Image(systemName: "person.circle.fill")
|
||
.foregroundColor(.purple)
|
||
.frame(width: 24, height: 24)
|
||
Text("Setting")
|
||
.font(.headline)
|
||
.foregroundColor(.primary)
|
||
Spacer()
|
||
}
|
||
.padding()
|
||
.cornerRadius(10)
|
||
.contentShape(Rectangle()) // 使整个区域可点击
|
||
}
|
||
.buttonStyle(PlainButtonStyle()) // 移除按钮默认样式
|
||
}
|
||
.padding(.horizontal, 16)
|
||
// 这里可以添加其他设置项
|
||
Spacer()
|
||
}
|
||
.padding(.vertical, 8)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
#Preview {
|
||
LoginView()
|
||
}
|