feat:增加加载中组件

lib/widgets/common/chart.dart

@@ -181,3 +181,73 @@ Widget pieChart({
     ],
   );
 }
+
+Widget buildChartTitle({required BuildContext context, required String title}) {
+  return Row(
+    children: [
+      Icon(Icons.insert_chart, color: Theme.of(context).colorScheme.primary),
+      Text(title),
+    ],
+  );
+}
+
+Widget buildChartDivider({required BuildContext context}) {
+  return Divider(
+    height: 1,
+    thickness: 1,
+    color: Theme.of(context).colorScheme.primary,
+    indent: 0,
+    endIndent: 0,
+  );
+}
+
+Color _getRankColor(int index) {
+  switch (index) {
+    case 0: // 第1名
+      return Colors.amber; // 金色
+    case 1: // 第2名
+      return Colors.grey; // 银色
+    case 2: // 第3名
+      return Colors.orange[700]!; // 铜色
+    default:
+      return Colors.black; // 普通颜色
+  }
+}
+
+Widget rankChart({required String unit, required List<ChartData> data}) {
+  return ListView.builder(
+    itemCount: data.length,
+    itemBuilder: (context, index) {
+      final item = data[index];
+      final rank = index + 1;
+      return SizedBox(
+        height: 35,
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            Row(
+              children: [
+                Container(
+                  width: 25,
+                  alignment: Alignment.center,
+                  child: Text(
+                    '$rank.',
+                    style: TextStyle(
+                      fontWeight: FontWeight.bold,
+                      color: _getRankColor(index),
+                    ),
+                  ),
+                ),
+                Text(item.name, style: TextStyle(color: _getRankColor(index))),
+              ],
+            ),
+            Text(
+              '${item.value.toStringAsFixed(0)} $unit',
+              style: TextStyle(color: _getRankColor(index)),
+            ),
+          ],
+        ),
+      );
+    },
+  );
+}