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.
51 lines
1.3 KiB
51 lines
1.3 KiB
import { PageContainer } from '@ant-design/pro-components';
|
|
import { useModel } from '@umijs/max';
|
|
import { Card, theme } from 'antd';
|
|
import React from 'react';
|
|
|
|
/**
|
|
* 每个单独的卡片，为了复用样式抽成了组件
|
|
* @param param0
|
|
* @returns
|
|
*/
|
|
|
|
const Welcome: React.FC = () => {
|
|
const { token } = theme.useToken();
|
|
const { initialState } = useModel('@@initialState');
|
|
return (
|
|
<PageContainer>
|
|
<Card
|
|
style={{
|
|
borderRadius: 8,
|
|
}}
|
|
bodyStyle={{
|
|
backgroundImage:
|
|
initialState?.settings?.navTheme === 'realDark'
|
|
? 'background-image: linear-gradient(75deg, #1A1B1F 0%, #191C1F 100%)'
|
|
: 'background-image: linear-gradient(75deg, #FBFDFF 0%, #F5F7FF 100%)',
|
|
}}
|
|
>
|
|
<div
|
|
style={{
|
|
backgroundPosition: '100% -30%',
|
|
backgroundRepeat: 'no-repeat',
|
|
backgroundSize: '274px auto',
|
|
backgroundImage:
|
|
"url('https://gw.alipayobjects.com/mdn/rms_a9745b/afts/img/A*BuFmQqsB2iAAAAAAAAAAAAAAARQnAQ')",
|
|
}}
|
|
>
|
|
<div
|
|
style={{
|
|
fontSize: '20px',
|
|
color: token.colorTextHeading,
|
|
}}
|
|
>
|
|
欢迎使用 Matrix
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
</PageContainer>
|
|
);
|
|
};
|
|
|
|
export default Welcome;
|
|
|