feat: fav article page

Closes #402 Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2025-12-16 07:06:14 +08:00 · 2025-03-29 14:38:13 +08:00
parent 72fa9c51f0
commit 5dc8b8e54f
9 changed files with 373 additions and 9 deletions
--- a/lib/pages/fav/article/widget/item.dart
+++ b/lib/pages/fav/article/widget/item.dart
@@ -0,0 +1,117 @@
+import 'package:PiliPlus/common/constants.dart';
+import 'package:PiliPlus/common/widgets/icon_button.dart';
+import 'package:PiliPlus/common/widgets/network_img_layer.dart';
+import 'package:PiliPlus/common/widgets/stat/stat.dart';
+import 'package:PiliPlus/utils/app_scheme.dart';
+import 'package:flutter/material.dart';
+
+class FavArticleItem extends StatelessWidget {
+  const FavArticleItem({
+    super.key,
+    required this.item,
+    required this.onDelete,
+  });
+
+  final dynamic item;
+  final VoidCallback onDelete;
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      color: Colors.transparent,
+      child: Stack(
+        clipBehavior: Clip.none,
+        children: [
+          InkWell(
+            onTap: () {
+              PiliScheme.routePushFromUrl(item['jump_url']);
+            },
+            child: Padding(
+              padding: const EdgeInsets.symmetric(
+                horizontal: StyleString.safeSpace,
+                vertical: 5,
+              ),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.start,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  if (item['cover'] != null) ...[
+                    AspectRatio(
+                      aspectRatio: StyleString.aspectRatio,
+                      child: LayoutBuilder(
+                        builder: (BuildContext context,
+                            BoxConstraints boxConstraints) {
+                          return NetworkImgLayer(
+                            src: item['cover']['url'],
+                            width: boxConstraints.maxWidth,
+                            height: boxConstraints.maxHeight,
+                          );
+                        },
+                      ),
+                    ),
+                    const SizedBox(width: 10),
+                  ],
+                  Expanded(
+                    child: Column(
+                      mainAxisSize: MainAxisSize.min,
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          item['content'],
+                          maxLines: 2,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                        const Spacer(),
+                        Row(
+                          children: [
+                            StatView(
+                              context: context,
+                              value: item['stat']['view'] == ''
+                                  ? 0
+                                  : item['stat']['view'],
+                              goto: 'picture',
+                              textColor: Theme.of(context).colorScheme.outline,
+                            ),
+                            const SizedBox(width: 16),
+                            StatView(
+                              context: context,
+                              goto: 'like',
+                              value: item['stat']['like'] == ''
+                                  ? 0
+                                  : item['stat']['like'],
+                              textColor: Theme.of(context).colorScheme.outline,
+                            ),
+                          ],
+                        ),
+                        const SizedBox(height: 4),
+                        Text(
+                          '${item['author']['name']} · ${item['pub_time']}',
+                          style: TextStyle(
+                            fontSize: 13,
+                            color: Theme.of(context).colorScheme.outline,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+          Positioned(
+            right: 12,
+            bottom: 0,
+            child: iconButton(
+              iconSize: 22,
+              context: context,
+              onPressed: onDelete,
+              icon: Icons.clear,
+              iconColor: Theme.of(context).colorScheme.onSurfaceVariant,
+              bgColor: Colors.transparent,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}