feat: 优化前端 UI 与交互体验
This commit is contained in:
@@ -121,7 +121,7 @@ class _EditProfileScreenState extends State<EditProfileScreen> {
|
||||
Widget build(BuildContext context) {
|
||||
return AccountSurfaceScaffold(
|
||||
title: '编辑资料',
|
||||
subtitle: '完善公开信息,让好友更容易认识你',
|
||||
subtitle: '编辑账户资料',
|
||||
onBack: () => context.pop(),
|
||||
body: _isLoading
|
||||
? const Center(
|
||||
@@ -130,8 +130,6 @@ class _EditProfileScreenState extends State<EditProfileScreen> {
|
||||
: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
_buildProfileSummarySection(),
|
||||
const SizedBox(height: AppSpacing.lg),
|
||||
_buildBasicInfoSection(),
|
||||
const SizedBox(height: AppSpacing.lg),
|
||||
_buildBioSection(),
|
||||
@@ -149,77 +147,9 @@ class _EditProfileScreenState extends State<EditProfileScreen> {
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildProfileSummarySection() {
|
||||
final username = _user?.username ?? '未设置用户名';
|
||||
final email = _user?.email;
|
||||
|
||||
return AccountSectionCard(
|
||||
title: '资料概览',
|
||||
description: '展示你的公开身份信息',
|
||||
backgroundColor: AppColors.white,
|
||||
borderColor: AppColors.borderSecondary,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Container(
|
||||
width: 64,
|
||||
height: 64,
|
||||
decoration: BoxDecoration(
|
||||
gradient: const LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [AppColors.blue100, AppColors.surfaceInfoLight],
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadius.full),
|
||||
border: Border.all(color: AppColors.borderQuaternary),
|
||||
),
|
||||
child: const Icon(
|
||||
Icons.person,
|
||||
size: 28,
|
||||
color: AppColors.blue600,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: AppSpacing.lg),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
username,
|
||||
style: const TextStyle(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: AppColors.slate900,
|
||||
),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: AppSpacing.xs),
|
||||
Text(
|
||||
email ?? '邮箱未绑定',
|
||||
style: const TextStyle(
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: AppColors.slate500,
|
||||
),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBasicInfoSection() {
|
||||
return AccountSectionCard(
|
||||
title: '基础信息',
|
||||
description: '用户名会在个人资料和社交场景中展示',
|
||||
backgroundColor: AppColors.white,
|
||||
borderColor: AppColors.borderSecondary,
|
||||
child: Column(
|
||||
@@ -248,7 +178,6 @@ class _EditProfileScreenState extends State<EditProfileScreen> {
|
||||
Widget _buildBioSection() {
|
||||
return AccountSectionCard(
|
||||
title: '个人简介',
|
||||
description: '一句话介绍自己,帮助他人快速了解你',
|
||||
backgroundColor: AppColors.white,
|
||||
borderColor: AppColors.borderSecondary,
|
||||
child: Column(
|
||||
|
||||
Reference in New Issue
Block a user