Material.tsx
1.85 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
import React from 'react';
import { Card, Typography, Alert } from 'antd';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { FormattedMessage } from 'umi-plugin-react/locale';
const CodePreview: React.FC<{}> = ({ children }) => (
<pre
style={{
background: '#f2f4f5',
padding: '12px 20px',
margin: '12px 0',
}}
>
<code>
<Typography.Text copyable>{children}</Typography.Text>
</code>
</pre>
);
export default (): React.ReactNode => (
<PageHeaderWrapper>
<Card>
<Alert
message="umi ui 现已发布，欢迎使用 npm run ui 启动体验。"
type="success"
showIcon
banner
style={{
margin: -12,
marginBottom: 24,
}}
/>
<Typography.Text strong>
<a target="_blank" rel="noopener noreferrer" href="https://pro.ant.design/docs/block">
<FormattedMessage
id="app.welcome.link.block-list"
defaultMessage="基于 block 开发，快速构建标准页面"
/>
</a>
</Typography.Text>
<CodePreview>npx umi block list</CodePreview>
<Typography.Text
strong
style={{
marginBottom: 12,
}}
>
<a
target="_blank"
rel="noopener noreferrer"
href="https://pro.ant.design/docs/available-script#npm-run-fetchblocks"
>
<FormattedMessage id="app.welcome.link.fetch-blocks" defaultMessage="获取全部区块" />
</a>
</Typography.Text>
<CodePreview> npm run fetch:blocks</CodePreview>
</Card>
<p style={{ textAlign: 'center', marginTop: 24 }}>
Want to add more pages? Please refer to{' '}
<a href="https://pro.ant.design/docs/block-cn" target="_blank" rel="noopener noreferrer">
use block
</a>
。
</p>
</PageHeaderWrapper>
);