57 lines
1.4 KiB
TypeScript
57 lines
1.4 KiB
TypeScript
|
// React 17+ 使用新的JSX转换，无需显式导入React
|
|||
|
|
import { Provider } from 'react-redux'
|
|||
|
|
import { ConfigProvider, App as AntdApp } from 'antd'
|
|||
|
|
import zhCN from 'antd/locale/zh_CN'
|
|||
|
|
import { store } from './store/store'
|
|||
|
|
import RemoteControlApp from './components/RemoteControlApp'
|
|||
|
|
import AuthGuard from './components/AuthGuard'
|
|||
|
|
import './App.css'
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 主应用组件
|
|||
|
|
*/
|
|||
|
|
function App() {
|
|||
|
|
return (
|
|||
|
|
<Provider store={store}>
|
|||
|
|
<ConfigProvider
|
|||
|
|
locale={zhCN}
|
|||
|
|
theme={{
|
|||
|
|
token: {
|
|||
|
|
colorPrimary: '#667eea',
|
|||
|
|
borderRadius: 8,
|
|||
|
|
colorBgContainer: '#ffffff',
|
|||
|
|
colorBgLayout: '#f0f2f5',
|
|||
|
|
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|||
|
|
},
|
|||
|
|
components: {
|
|||
|
|
Table: {
|
|||
|
|
headerBg: '#fafafa',
|
|||
|
|
headerColor: '#595959',
|
|||
|
|
rowHoverBg: '#f0f5ff',
|
|||
|
|
borderRadius: 8,
|
|||
|
|
},
|
|||
|
|
Card: {
|
|||
|
|
borderRadiusLG: 12,
|
|||
|
|
},
|
|||
|
|
Button: {
|
|||
|
|
borderRadius: 6,
|
|||
|
|
},
|
|||
|
|
Menu: {
|
|||
|
|
itemBorderRadius: 8,
|
|||
|
|
itemMarginInline: 8,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
}}
|
|||
|
|
>
|
|||
|
|
<AntdApp>
|
|||
|
|
<AuthGuard>
|
|||
|
|
<RemoteControlApp />
|
|||
|
|
</AuthGuard>
|
|||
|
|
</AntdApp>
|
|||
|
|
</ConfigProvider>
|
|||
|
|
</Provider>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default App
|