1、修改前台左侧菜单显示
2、调整积分放在用户浮窗 3、消息改为页面列表显示 4、增加订单详情页面 5、调整新增页面的整体接口逻辑和风格
This commit is contained in:
@@ -0,0 +1,35 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Tabs } from 'antd';
|
||||
import CreditRecordsPage from './CreditRecordsPage';
|
||||
import OrderRecordsPage from './OrderRecordsPage';
|
||||
|
||||
const UserCenterPage: React.FC = () => {
|
||||
const [activeTab, setActiveTab] = useState('credits');
|
||||
|
||||
const tabs = [
|
||||
{
|
||||
key: 'credits',
|
||||
label: '积分明细',
|
||||
},
|
||||
{
|
||||
key: 'orders',
|
||||
label: '订单记录',
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Tabs
|
||||
activeKey={activeTab}
|
||||
onChange={setActiveTab}
|
||||
items={tabs}
|
||||
style={{ marginBottom: 24 }}
|
||||
size="large"
|
||||
/>
|
||||
{activeTab === 'credits' && <CreditRecordsPage />}
|
||||
{activeTab === 'orders' && <OrderRecordsPage />}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default UserCenterPage;
|
||||
Reference in New Issue
Block a user