xindegitzhanghao/e-party-iOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新FeedView、HomeView和MeView以增强用户界面和交互体验

Browse Source 
- 在FeedView中添加加号按钮，允许用户进行操作。
- 更新HomeView以支持全屏显示和更好的布局。
- 在MeView中优化用户信息展示，增加用户ID显示。
- 调整底部导航栏样式，提升视觉效果和用户体验。
- 确保视图在安全区域内适配，增强整体布局的适应性。
This commit is contained in:
edwinQQQ
2025-07-11 12:01:47 +08:00
parent 9844289d72
commit 750eecf6ff
4 changed files with 190 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
yana/Views/MeView.swift
View File

@@ -2,73 +2,76 @@ import SwiftUI
struct MeView: View {
var body: some View {
ScrollView {
VStack(spacing: 20) {
// 顶部标题
HStack {
Spacer()
Text("我的")
.font(.system(size: 22, weight: .semibold))
.foregroundColor(.white)
Spacer()
}
.padding(.top, 20)
// 用户头像区域
VStack(spacing: 16) {
Circle()
.fill(Color.white.opacity(0.2))
.frame(width: 80, height: 80)
.overlay(
Image(systemName: "person.fill")
.font(.system(size: 40))
.foregroundColor(.white)
)
Text("用户昵称")
.font(.system(size: 18, weight: .medium))
.foregroundColor(.white)
Text("ID: 123456789")
.font(.system(size: 14))
.foregroundColor(.white.opacity(0.7))
}
.padding(.top, 30)
// 功能菜单
VStack(spacing: 12) {
MenuItemView(icon: "gearshape", title: "设置", action: {})
MenuItemView(icon: "person.circle", title: "个人信息", action: {})
MenuItemView(icon: "heart", title: "我的收藏", action: {})
MenuItemView(icon: "clock", title: "浏览历史", action: {})
MenuItemView(icon: "questionmark.circle", title: "帮助与反馈", action: {})
}
.padding(.horizontal, 20)
.padding(.top, 40)
// 退出登录按钮
Button(action: {}) {
GeometryReader { geometry in
ScrollView {
VStack(spacing: 20) {
// 顶部标题
HStack {
Image(systemName: "rectangle.portrait.and.arrow.right")
.font(.system(size: 16))
Text("退出登录")
.font(.system(size: 16, weight: .medium))
Spacer()
Text("我的")
.font(.system(size: 22, weight: .semibold))
.foregroundColor(.white)
Spacer()
}
.foregroundColor(.red)
.frame(maxWidth: .infinity)
.frame(height: 50)
.background(
Color.white.opacity(0.1)
.cornerRadius(12)
)
.padding(.top, geometry.safeAreaInsets.top + 20)
// 用户头像区域
VStack(spacing: 16) {
Circle()
.fill(Color.white.opacity(0.2))
.frame(width: 80, height: 80)
.overlay(
Image(systemName: "person.fill")
.font(.system(size: 40))
.foregroundColor(.white)
)
Text("用户昵称")
.font(.system(size: 18, weight: .medium))
.foregroundColor(.white)
Text("ID: 123456789")
.font(.system(size: 14))
.foregroundColor(.white.opacity(0.7))
}
.padding(.top, 30)
// 功能菜单
VStack(spacing: 12) {
MenuItemView(icon: "gearshape", title: "设置", action: {})
MenuItemView(icon: "person.circle", title: "个人信息", action: {})
MenuItemView(icon: "heart", title: "我的收藏", action: {})
MenuItemView(icon: "clock", title: "浏览历史", action: {})
MenuItemView(icon: "questionmark.circle", title: "帮助与反馈", action: {})
}
.padding(.horizontal, 20)
.padding(.top, 40)
// 退出登录按钮
Button(action: {}) {
HStack {
Image(systemName: "rectangle.portrait.and.arrow.right")
.font(.system(size: 16))
Text("退出登录")
.font(.system(size: 16, weight: .medium))
}
.foregroundColor(.red)
.frame(maxWidth: .infinity)
.frame(height: 50)
.background(
Color.white.opacity(0.1)
.cornerRadius(12)
)
}
.padding(.horizontal, 20)
.padding(.top, 30)
// 底部安全区域 - 为底部导航栏和安全区域留出空间
Color.clear.frame(height: geometry.safeAreaInsets.bottom + 100)
}
.padding(.horizontal, 20)
.padding(.top, 30)
// 底部安全区域
Color.clear.frame(height: 100)
}
}
.ignoresSafeArea(.container, edges: .top)
}
}
@@ -104,4 +107,8 @@ struct MenuItemView: View {
}
.buttonStyle(PlainButtonStyle())
}
}
#Preview {
MeView()
}