Admin.tsx 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. import React from 'react';
  2. import { HeartTwoTone, SmileTwoTone } from '@ant-design/icons';
  3. import { Card, Typography, Alert } from 'antd';
  4. import { PageContainer } from '@ant-design/pro-components';
  5. export default (): React.ReactNode => {
  6. return (
  7. <PageContainer content={' 这个页面只有 admin 权限才能查看'}>
  8. <Card>
  9. <Alert
  10. message={'更快更强的重型组件,已经发布。'}
  11. type="success"
  12. showIcon
  13. banner
  14. style={{
  15. margin: -12,
  16. marginBottom: 48,
  17. }}
  18. />
  19. <Typography.Title
  20. level={2}
  21. style={{
  22. textAlign: 'center',
  23. }}
  24. >
  25. <SmileTwoTone /> 舜德数据 <HeartTwoTone twoToneColor="#eb2f96" /> You
  26. </Typography.Title>
  27. </Card>
  28. <p
  29. style={{
  30. textAlign: 'center',
  31. marginTop: 24,
  32. }}
  33. >
  34. Want to add more pages? Please refer to{' '}
  35. <a href="https://pro.ant.design/docs/block-cn" target="_blank" rel="noopener noreferrer">
  36. use block
  37. </a>
  38. </p>
  39. </PageContainer>
  40. );
  41. };