2
0

pages_dashboard.tsx 906 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. import React from 'react';
  2. import {
  3. Card, Row, Col, Typography, Statistic
  4. } from 'antd';
  5. const { Title } = Typography;
  6. // 仪表盘页面
  7. export const DashboardPage = () => {
  8. return (
  9. <div>
  10. <Title level={2}>仪表盘</Title>
  11. <Row gutter={16}>
  12. <Col span={8}>
  13. <Card>
  14. <Statistic
  15. title="活跃用户"
  16. value={112893}
  17. loading={false}
  18. />
  19. </Card>
  20. </Col>
  21. <Col span={8}>
  22. <Card>
  23. <Statistic
  24. title="系统消息"
  25. value={93}
  26. loading={false}
  27. />
  28. </Card>
  29. </Col>
  30. <Col span={8}>
  31. <Card>
  32. <Statistic
  33. title="在线用户"
  34. value={1128}
  35. loading={false}
  36. />
  37. </Card>
  38. </Col>
  39. </Row>
  40. </div>
  41. );
  42. };