feat(flutter): 重设计创作与我的页面

lib/pages/mine/widgets/mine_header.dart

@@ -5,11 +5,16 @@ import 'package:provider/provider.dart';
 
 import '../../../core/data/services/auth_controller.dart';
 import '../../../core/theme/app_colors.dart';
+import '../../../core/theme/app_dimens.dart';
+import '../../../core/theme/app_theme.dart';
+import '../../../core/widgets/remote_image.dart';
 import '../../../l10n/app_localizations.dart';
 
-/// 「我的」页顶部身份区，只保留头像、昵称和账号提示。
+/// 「我的」页顶部身份卡。
 class MineHeader extends StatelessWidget {
-  const MineHeader({super.key});
+  const MineHeader({super.key, required this.onTap});
+
+  final VoidCallback onTap;
 
   @override
   Widget build(BuildContext context) {
@@ -23,37 +28,56 @@ class MineHeader extends StatelessWidget {
     final subtitle = signedIn && (user?.uid.isNotEmpty ?? false)
         ? 'ID: ${user!.uid}'
         : l10n.logInHint;
-    return Padding(
+    return Container(
       key: const Key('mine-user-row'),
-      padding: const EdgeInsets.fromLTRB(14, 14, 14, 6),
-      child: Row(
-        children: [
-          _avatar(),
-          const SizedBox(width: 10),
-          Expanded(child: _labels(name, subtitle)),
-        ],
+      decoration: BoxDecoration(
+        color: AppColors.card,
+        borderRadius: BorderRadius.circular(AppDimens.cardRadius),
+        boxShadow: const [AppTheme.cardShadow],
+      ),
+      child: Material(
+        color: Colors.transparent,
+        borderRadius: BorderRadius.circular(AppDimens.cardRadius),
+        clipBehavior: Clip.antiAlias,
+        child: InkWell(
+          onTap: onTap,
+          child: Padding(
+            padding: const EdgeInsets.all(AppDimens.cardPadding),
+            child: Row(
+              children: [
+                _avatar(user?.avatarUrl ?? ''),
+                const SizedBox(width: AppDimens.spaceMd),
+                Expanded(child: _labels(name, subtitle)),
+                const Icon(
+                  Icons.chevron_right_rounded,
+                  color: AppColors.subtle,
+                  size: 20,
+                ),
+              ],
+            ),
+          ),
+        ),
       ),
     );
   }
 
-  Widget _avatar() {
+  Widget _avatar(String path) {
     return Container(
       key: const Key('mine-avatar'),
-      width: 48,
-      height: 48,
+      width: 64,
+      height: 64,
       decoration: const BoxDecoration(
+        color: AppColors.badgePink,
         shape: BoxShape.circle,
-        gradient: LinearGradient(
-          begin: Alignment.topLeft,
-          end: Alignment.bottomRight,
-          colors: [AppColors.secondary, AppColors.blue],
-        ),
-      ),
-      child: const Icon(
-        Icons.person_rounded,
-        color: AppColors.onPrimary,
-        size: 22,
       ),
+      clipBehavior: Clip.antiAlias,
+      child: path.isEmpty
+          ? const Icon(
+              Icons.person_rounded,
+              color: AppColors.badgePinkText,
+              size: 30,
+            )
+          : RemoteImage(path, fit: BoxFit.cover),
     );
   }
 
@@ -66,17 +90,21 @@ class MineHeader extends StatelessWidget {
           maxLines: 1,
           overflow: TextOverflow.ellipsis,
           style: const TextStyle(
+            fontFamily: 'Outfit',
             color: AppColors.onSurface,
-            fontSize: 15,
+            fontSize: 18,
             fontWeight: FontWeight.w800,
           ),
         ),
-        const SizedBox(height: 2),
+        const SizedBox(height: AppDimens.spaceXs),
         Text(
           subtitle,
           maxLines: 1,
           overflow: TextOverflow.ellipsis,
-          style: const TextStyle(color: AppColors.muted, fontSize: 10),
+          style: const TextStyle(
+            color: AppColors.muted,
+            fontSize: AppDimens.caption,
+          ),
         ),
       ],
     );