用户等级
Change-Id: Id7f963f2e6a048caf05570b097755fa5a8ea37d1
diff --git a/src/pages/UserCenter/UserCenterPage.jsx b/src/pages/UserCenter/UserCenterPage.jsx
new file mode 100644
index 0000000..b6fb20e
--- /dev/null
+++ b/src/pages/UserCenter/UserCenterPage.jsx
@@ -0,0 +1,35 @@
+import React, { useState } from 'react';
+import UserNav from './UserNav.jsx'; // 显式添加.jsx扩展名
+import UserProfile from './UserProfile.jsx';
+import NewbieTasks from './NewbieTasks.jsx';
+import Header from '../../components/Header.jsx'; // 假设Header也是JSX组件
+import './UserProfile.css';
+
+const UserCenterPage = () => {
+ const [activeTab, setActiveTab] = useState('profile');
+
+ const renderContent = () => {
+ switch (activeTab) {
+ case 'profile':
+ return <UserProfile />;
+ case 'newbieTasks':
+ return <NewbieTasks />;
+ default:
+ return null;
+ }
+ };
+
+ return (
+ <div className="user-profile-container">
+ <Header />
+ <div className="user-center" style={{ display: 'flex' }}>
+ <UserNav activeKey={activeTab} onSelect={setActiveTab} />
+ <div className="common-card right-content" style={{ flex: 1, marginLeft: 20 }}>
+ {renderContent()}
+ </div>
+ </div>
+ </div>
+ );
+};
+
+export default UserCenterPage;
\ No newline at end of file