jiaolongzhen/AI-Health
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 统一患者端页面视觉并补齐入口跳转

Browse Source 
- 调整全局颜色基调，提高灰色文字和边框对比度
- 新增企业级页面头部、统计块和卡片通用组件
- 优化用药管理、报告管理、个人信息、通知中心页面布局
- 新增多张页面插画和通用 UI 装饰素材
- 运动计划列表更紧凑，并新增运动计划详情路由
- 补齐医生端协议入口和原始报告查看入口
- 移除设置页未实现的字体大小和清除缓存入口
This commit is contained in:
MingNian
2026-06-25 22:13:42 +08:00
parent 53ce19e8c3
commit 18df2f3285
23 changed files with 1266 additions and 470 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
health_app/lib/pages/notifications/notification_center_page.dart
View File

@@ -147,7 +147,7 @@ class _NotificationCenterPageState
final unread = _history?.unreadCount ?? 0;
return Scaffold(
backgroundColor: const Color(0xFFF6F8FC),
backgroundColor: const Color(0xFFF8FAFF),
appBar: AppBar(
backgroundColor: Colors.white,
elevation: 0,
@@ -196,7 +196,10 @@ class _NotificationCenterPageState
),
IconButton(
tooltip: '通知设置',
icon: const Icon(Icons.settings_outlined, color: AppColors.textPrimary),
icon: const Icon(
Icons.settings_outlined,
color: AppColors.textPrimary,
),
onPressed: () => pushRoute(ref, 'notificationPrefs'),
),
const SizedBox(width: 4),
@@ -245,19 +248,19 @@ class _NotificationCenterPageState
return ListView(
physics: const AlwaysScrollableScrollPhysics(),
padding: const EdgeInsets.fromLTRB(16, 8, 16, 32),
padding: const EdgeInsets.fromLTRB(16, 12, 16, 32),
children: [
if (unread > 0) _UnreadHint(unreadCount: unread),
const SizedBox(height: 4),
const SizedBox(height: 8),
if (today.isNotEmpty) ...[
const _SectionTitle('今天'),
const SizedBox(height: 4),
const SizedBox(height: 8),
...today.map(_buildDismissible),
],
if (earlier.isNotEmpty) ...[
if (today.isNotEmpty) const SizedBox(height: 12),
if (today.isNotEmpty) const SizedBox(height: 14),
const _SectionTitle('更早'),
const SizedBox(height: 4),
const SizedBox(height: 8),
...earlier.map(_buildDismissible),
],
],
@@ -265,7 +268,7 @@ class _NotificationCenterPageState
}
Widget _buildDismissible(InAppNotification item) => Padding(
padding: const EdgeInsets.only(bottom: 12),
padding: const EdgeInsets.only(bottom: 10),
child: Dismissible(
key: ValueKey(item.id),
direction: DismissDirection.endToStart,
@@ -276,12 +279,9 @@ class _NotificationCenterPageState
gradient: LinearGradient(
begin: Alignment.centerLeft,
end: Alignment.centerRight,
colors: [
AppColors.error.withValues(alpha: 0.6),
AppColors.error,
],
colors: [AppColors.error.withValues(alpha: 0.6), AppColors.error],
),
borderRadius: BorderRadius.circular(20),
borderRadius: BorderRadius.circular(16),
),
child: const Row(
mainAxisSize: MainAxisSize.min,
@@ -345,15 +345,31 @@ class _SectionTitle extends StatelessWidget {
@override
Widget build(BuildContext context) => Padding(
padding: const EdgeInsets.fromLTRB(4, 12, 4, 6),
child: Text(
text,
style: const TextStyle(
fontSize: 13,
fontWeight: FontWeight.w700,
color: AppColors.textHint,
letterSpacing: 0.3,
),
padding: const EdgeInsets.fromLTRB(2, 12, 2, 6),
child: Row(
children: [
Container(
width: 4,
height: 16,
decoration: BoxDecoration(
color: AppColors.primary,
borderRadius: BorderRadius.circular(99),
),
),
const SizedBox(width: 8),
Text(
text,
style: const TextStyle(
fontSize: 15,
fontWeight: FontWeight.w800,
color: AppColors.textPrimary,
),
),
const SizedBox(width: 10),
const Expanded(
child: Divider(height: 1, thickness: 1, color: AppColors.divider),
),
],
),
);
}
@@ -369,19 +385,20 @@ class _NotificationCard extends StatelessWidget {
final visual = _NotificationVisual.of(item);
return Material(
color: Colors.white,
borderRadius: BorderRadius.circular(14),
borderRadius: BorderRadius.circular(16),
child: InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(14),
borderRadius: BorderRadius.circular(16),
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 13),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(14),
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: item.isRead
? const Color(0xFFEEF1F6)
: visual.color.withValues(alpha: 0.20),
? AppColors.border
: visual.color.withValues(alpha: 0.34),
width: item.isRead ? 1 : 1.2,
),
boxShadow: [
BoxShadow(
@@ -399,13 +416,13 @@ class _NotificationCard extends StatelessWidget {
clipBehavior: Clip.none,
children: [
Container(
width: 36,
height: 36,
width: 44,
height: 44,
decoration: BoxDecoration(
color: visual.lightColor,
borderRadius: BorderRadius.circular(10),
borderRadius: BorderRadius.circular(12),
),
child: Icon(visual.icon, size: 18, color: visual.color),
child: Icon(visual.icon, size: 22, color: visual.color),
),
if (!item.isRead)
Positioned(
@@ -423,7 +440,7 @@ class _NotificationCard extends StatelessWidget {
),
],
),
const SizedBox(width: 11),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
@@ -437,10 +454,10 @@ class _NotificationCard extends StatelessWidget {
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 14,
fontSize: 16,
fontWeight: item.isRead
? FontWeight.w600
: FontWeight.w700,
? FontWeight.w700
: FontWeight.w800,
color: AppColors.textPrimary,
height: 1.3,
),
@@ -450,19 +467,20 @@ class _NotificationCard extends StatelessWidget {
Text(
_formatTime(item.createdAt),
style: const TextStyle(
fontSize: 11,
color: AppColors.textHint,
fontSize: 12,
fontWeight: FontWeight.w600,
color: AppColors.textSecondary,
),
),
],
),
const SizedBox(height: 2),
const SizedBox(height: 5),
Text(
item.message,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 12,
fontSize: 14,
height: 1.45,
color: AppColors.textSecondary,
),
@@ -474,8 +492,8 @@ class _NotificationCard extends StatelessWidget {
const SizedBox(width: 4),
const Icon(
Icons.chevron_right_rounded,
size: 18,
color: AppColors.textHint,
size: 22,
color: AppColors.textSecondary,
),
],
],
@@ -514,8 +532,8 @@ class _NotificationVisual {
case 'exercise':
return const _NotificationVisual(
LucideIcons.activity,
Color(0xFF10B981),
Color(0xFFD1FAE5),
Color(0xFF60A5FA),
Color(0xFFEFF6FF),
'运动',
);
case 'health':