51 lines
1.2 KiB
TypeScript
51 lines
1.2 KiB
TypeScript
import React from 'react'
|
|
import ReactDOM from 'react-dom/client'
|
|
import { App as AntdApp, ConfigProvider } from 'antd'
|
|
import zhCN from 'antd/locale/zh_CN'
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
import 'antd/dist/reset.css'
|
|
|
|
import App from './App'
|
|
import './styles/main.css'
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
refetchOnWindowFocus: false,
|
|
retry: 1,
|
|
},
|
|
},
|
|
})
|
|
|
|
ReactDOM.createRoot(document.getElementById('root')!).render(
|
|
<React.StrictMode>
|
|
<ConfigProvider
|
|
locale={zhCN}
|
|
theme={{
|
|
token: {
|
|
colorPrimary: '#1677ff',
|
|
borderRadius: 6,
|
|
fontFamily:
|
|
'-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif',
|
|
},
|
|
components: {
|
|
Layout: {
|
|
bodyBg: '#f5f7fb',
|
|
headerBg: '#ffffff',
|
|
siderBg: '#ffffff',
|
|
},
|
|
Card: {
|
|
borderRadiusLG: 6,
|
|
},
|
|
},
|
|
}}
|
|
>
|
|
<AntdApp>
|
|
<QueryClientProvider client={queryClient}>
|
|
<App />
|
|
</QueryClientProvider>
|
|
</AntdApp>
|
|
</ConfigProvider>
|
|
</React.StrictMode>,
|
|
)
|