feat: space opus

Closes #833 Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2026-04-21 03:15:14 +08:00 · 2025-05-08 22:39:29 +08:00
parent bcd0d63db7
commit 2d75d89825
28 changed files with 1107 additions and 511 deletions
--- a/lib/pages/member_opus/widgets/space_opus_item.dart
+++ b/lib/pages/member_opus/widgets/space_opus_item.dart
@@ -0,0 +1,95 @@
+import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
+import 'package:PiliPlus/common/widgets/stat/stat.dart';
+import 'package:PiliPlus/models/space_opus/item.dart';
+import 'package:PiliPlus/utils/page_utils.dart';
+import 'package:flutter/material.dart';
+
+class SpaceOpusItem extends StatelessWidget {
+  const SpaceOpusItem({
+    super.key,
+    required this.item,
+  });
+
+  final SpaceOpusItemModel item;
+
+  @override
+  Widget build(BuildContext context) {
+    final hasPic = item.cover?.url?.isNotEmpty == true;
+    return Card(
+      clipBehavior: Clip.hardEdge,
+      margin: EdgeInsets.zero,
+      shape: const RoundedRectangleBorder(
+        borderRadius: BorderRadius.all(Radius.circular(6)),
+      ),
+      child: InkWell(
+        onTap: () {
+          PageUtils.pushDynFromId(id: item.opusId!);
+        },
+        borderRadius: const BorderRadius.all(Radius.circular(6)),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            if (hasPic)
+              Stack(
+                children: [
+                  LayoutBuilder(
+                    builder: (context, constraints) {
+                      return NetworkImgLayer(
+                        width: constraints.maxWidth,
+                        height: constraints.maxWidth * item.cover!.ratio,
+                        src: item.cover!.url,
+                        type: 'emote',
+                        quality: 60,
+                      );
+                    },
+                  ),
+                  Positioned(
+                    left: 0,
+                    bottom: 0,
+                    right: 0,
+                    child: Container(
+                      height: 45,
+                      alignment: Alignment.bottomLeft,
+                      padding: const EdgeInsets.only(left: 8, bottom: 4),
+                      decoration: const BoxDecoration(
+                        gradient: LinearGradient(
+                          begin: Alignment.topCenter,
+                          end: Alignment.bottomCenter,
+                          colors: [Colors.transparent, Colors.black54],
+                        ),
+                      ),
+                      child: StatView(
+                        context: context,
+                        value: item.stat?.like ?? 0,
+                        goto: 'like',
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            if (item.content?.isNotEmpty == true)
+              Padding(
+                padding:
+                    const EdgeInsets.symmetric(horizontal: 8, vertical: 10),
+                child: Text(
+                  item.content!,
+                  maxLines: hasPic ? 4 : 6,
+                  overflow: TextOverflow.ellipsis,
+                ),
+              ),
+            if (!hasPic)
+              Padding(
+                padding: const EdgeInsets.only(left: 8, bottom: 8, right: 8),
+                child: StatView(
+                  context: context,
+                  value: item.stat?.like ?? 0,
+                  goto: 'like',
+                  textColor: Theme.of(context).colorScheme.onSurfaceVariant,
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+}