♻️refactor: Home Page and Footer

web/src/components/Loading.js

@@ -1,11 +1,20 @@
 import React from 'react';
 import { Spin } from '@douyinfe/semi-ui';
 
-const Loading = ({ prompt: name = 'page' }) => {
+const Loading = ({ prompt: name = '', size = 'large' }) => {
   return (
-    <Spin style={{ height: 100 }} spinning={true}>
-      加载{name}中...
-    </Spin>
+    <div className="fixed inset-0 w-screen h-screen flex items-center justify-center bg-white/80 z-[1000]">
+      <div className="flex flex-col items-center">
+        <Spin 
+          size={size} 
+          spinning={true} 
+          tip={null}
+        />
+        <span className="whitespace-nowrap mt-2 text-center" style={{ color: 'var(--semi-color-primary)' }}>
+          {name ? `加载${name}中...` : '加载中...'}
+        </span>
+      </div>
+    </div>
   );
 };