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)),
+            ),
+          ],
+        ),
+      );
+    },
+  );
+}

lib/widgets/common/image.dart

@@ -1,6 +1,7 @@
 import 'dart:io';
 
 import 'package:flutter/material.dart';
+import 'package:food_hub_app/config/app_config.dart';
 import 'package:photo_view/photo_view.dart';
 import 'package:photo_view/photo_view_gallery.dart';
 
@@ -113,10 +114,13 @@ Widget buildNetworkImage(BuildContext context, String url) {
       borderRadius: BorderRadius.circular(8),
       child: GestureDetector(
         onTap: () {
-          showFullScreenImage(context, NetworkImage(url));
+          showFullScreenImage(
+            context,
+            NetworkImage('${AppConfig.imageBaseUrl}$url'),
+          );
         },
         child: Image.network(
-          url,
+          '${AppConfig.imageBaseUrl}$url',
           fit: BoxFit.cover,
           loadingBuilder: (context, child, loadingProgress) {
             if (loadingProgress == null) return child;

lib/widgets/common/index.dart

@@ -29,7 +29,9 @@ InputDecoration formInputDecoration({
 }
 
 Widget buildCard({required BuildContext context, required Widget child}) {
-  final colors = Theme.of(context).colorScheme;
+  final colors = Theme
+      .of(context)
+      .colorScheme;
   return Card(
     elevation: 0,
     shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
@@ -64,7 +66,11 @@ Widget buildToggleSwitch<T extends Enum>({
     initialLabelIndex: tabValues.indexOf(currentTab),
     totalSwitches: tabValues.length,
     labels: labels,
-    activeBgColor: [Theme.of(context).colorScheme.primary],
+    activeBgColor: [Theme
+        .of(context)
+        .colorScheme
+        .primary
+    ],
     activeFgColor: Colors.white,
     inactiveBgColor: Colors.grey.shade200,
     inactiveFgColor: Colors.grey.shade700,
@@ -93,7 +99,10 @@ Widget circleIconButton({
       fixedSize: Size(size, size),
       shape: CircleBorder(),
       elevation: 0,
-      backgroundColor: Theme.of(context).colorScheme.primary,
+      backgroundColor: Theme
+          .of(context)
+          .colorScheme
+          .primary,
       padding: EdgeInsets.zero,
       minimumSize: const Size(0, 0),
     ),
@@ -102,7 +111,9 @@ Widget circleIconButton({
 }
 
 Widget buildTag(BuildContext context, String title) {
-  final colors = Theme.of(context).colorScheme;
+  final colors = Theme
+      .of(context)
+      .colorScheme;
 
   return Container(
     padding: EdgeInsets.symmetric(horizontal: 10, vertical: 4),
@@ -173,3 +184,41 @@ void showErrorToast(String message) {
     fontSize: 16.0,
   );
 }
+
+Widget buildLoadingIndicator(BuildContext context) {
+  final colors = Theme.of(context).colorScheme;
+
+  return Center(
+    child: Container(
+      padding: EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: colors.surface,
+        borderRadius: BorderRadius.circular(12),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black12,
+            blurRadius: 8,
+            offset: Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          CircularProgressIndicator(
+            valueColor: AlwaysStoppedAnimation<Color>(colors.primary),
+          ),
+          SizedBox(height: 12),
+          Text(
+            '加载中',
+            style: TextStyle(
+              fontSize: 14,
+              color: colors.onSurface,
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+        ],
+      ),
+    ),
+  );
+}