You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.8 KiB
62 lines
1.8 KiB
import React from 'react';
|
|
import { PageHeaderWrapper } from '@ant-design/pro-layout';
|
|
import { FormattedMessage } from 'umi-plugin-react/locale';
|
|
import { Card, Typography, Alert } from 'antd';
|
|
|
|
import styles from './Welcome.less';
|
|
|
|
const CodePreview: React.FC<{}> = ({ children }) => (
|
|
<pre className={styles.pre}>
|
|
<code>
|
|
<Typography.Text copyable>{children}</Typography.Text>
|
|
</code>
|
|
</pre>
|
|
);
|
|
|
|
export default (): React.ReactNode => (
|
|
<PageHeaderWrapper>
|
|
<Card>
|
|
<Alert
|
|
message="umi ui 现已发布，点击右下角 umi 图标即可使用"
|
|
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> npm run ui</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>
|
|
);
|
|
|