feat: 订单列表

src/pages/trade/order/index.tsx

@@ -0,0 +1,37 @@
+import type { TabsProps } from 'antd';
+import { Tabs } from 'antd';
+import React from 'react';
+import styles from './index.module.less';
+import OrderListItem from './list';
+
+const onChange = (key: string) => {
+  console.log(key);
+};
+
+const status: string[] = [
+  '所有订单',
+  '等待付款',
+  '等待确定',
+  '等待服务',
+  '等待验收',
+  '等待评价',
+  '已完成',
+  '已取消',
+  '已退款',
+];
+
+const OrderList: React.FC = () => {
+  const items: TabsProps['items'] = status.map((item, index) => ({
+    key: `${index + 1}`,
+    label: item,
+    children: <OrderListItem />,
+  }));
+
+  return (
+    <div className={`${styles['trade-order']} "page-container" `}>
+      <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
+    </div>
+  );
+};
+
+export default OrderList;