feat(flutter): 重构播放页并增加语言切换

lib/pages/player/widgets/comment_tile.dart

@@ -4,8 +4,10 @@ import 'package:flutter/material.dart';
 
 import '../../../core/data/models/comment.dart';
 import '../../../core/data/services/comment_controller.dart';
+import '../../../core/formatting/localized_date_time.dart';
 import '../../../core/theme/app_colors.dart';
 import '../../../core/theme/app_dimens.dart';
+import '../../../core/widgets/remote_image.dart';
 import '../../../l10n/app_localizations.dart';
 
 const String _deleteAction = 'delete';
@@ -53,15 +55,7 @@ class CommentTile extends StatelessWidget {
       child: Row(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          CircleAvatar(
-            radius: isReply ? 12 : 16,
-            backgroundColor: AppColors.raised,
-            child: Icon(
-              Icons.person_rounded,
-              size: isReply ? 14 : 18,
-              color: AppColors.cream,
-            ),
-          ),
+          _avatar(),
           const SizedBox(width: 12),
           Expanded(
             child: Column(
@@ -78,6 +72,15 @@ class CommentTile extends StatelessWidget {
                         ),
                       ),
                     ),
+                    if (comment.createdAt != null)
+                      Text(
+                        formatLocalizedDateTime(context, comment.createdAt!),
+                        style: const TextStyle(
+                          color: AppColors.subtle,
+                          fontSize: 10,
+                        ),
+                      ),
+                    const SizedBox(width: 4),
                     PopupMenuButton<String>(
                       key: Key('comment-menu-${comment.id}'),
                       tooltip: l10n.more,
@@ -148,4 +151,26 @@ class CommentTile extends StatelessWidget {
       ),
     );
   }
+
+  Widget _avatar() {
+    final size = isReply ? 24.0 : 32.0;
+    if (comment.avatarUrl.isEmpty) {
+      return CircleAvatar(
+        radius: size / 2,
+        backgroundColor: AppColors.raised,
+        child: Icon(
+          Icons.person_rounded,
+          size: isReply ? 14 : 18,
+          color: AppColors.cream,
+        ),
+      );
+    }
+    return ClipOval(
+      child: SizedBox(
+        width: size,
+        height: size,
+        child: RemoteImage(comment.avatarUrl, fit: BoxFit.cover),
+      ),
+    );
+  }
 }