基本完成除了详情

lib/page/home/widget/quote_card.dart

@@ -0,0 +1,60 @@
+import 'package:flutter/material.dart';
+import 'package:remixicon/remixicon.dart';
+
+class QuoteCard extends StatefulWidget {
+  const QuoteCard({super.key});
+
+  @override
+  State<QuoteCard> createState() => _QuoteCardState();
+}
+
+class _QuoteCardState extends State<QuoteCard> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: EdgeInsets.only(top: 20),
+      padding: const EdgeInsets.all(3),
+      decoration: BoxDecoration(
+        border: Border.all(color: Colors.black, width: 2),
+        borderRadius: BorderRadius.circular(5),
+      ),
+      child: Container(
+        padding: const EdgeInsets.all(12),
+        decoration: BoxDecoration(
+          border: Border.all(
+            width: 2,
+            color: Theme.of(context).colorScheme.surfaceContainerHigh,
+          ),
+          borderRadius: BorderRadius.circular(5),
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              "每个教练都有什么特长？",
+              style: Theme.of(context).textTheme.titleSmall,
+            ),
+            Container(
+              margin: EdgeInsets.only(top: 10),
+              child: Text(
+                "在主页点击教练可以查看介绍",
+                style: Theme.of(context).textTheme.labelMedium,
+              ),
+            ),
+            Container(
+              margin: EdgeInsets.only(top: 10),
+              child: Row(
+                spacing: 5,
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Icon(RemixIcons.arrow_right_circle_line, size: 18),
+                  Text("下一条", style: Theme.of(context).textTheme.bodySmall),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}