index.tsx 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. // import 'default-passive-events';
  2. import App from './App'
  3. import AppM from './AppM'
  4. import store from './store/index'
  5. import { Provider } from 'react-redux'
  6. import { createRoot } from 'react-dom/client'
  7. import { ConfigProvider } from 'antd'
  8. // 兼容360浏览器
  9. import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs'
  10. import 'dayjs/locale/zh-cn'
  11. import locale from 'antd/locale/zh_CN'
  12. import { isMobileFu } from './utils/history'
  13. import { httpGet } from './utils/http'
  14. const container = document.getElementById('root') as HTMLElement
  15. const root = createRoot(container)
  16. // 浏览量
  17. httpGet('https://count.4dage.com/api/count/saveVisit/SG-mSXPpz8xPea', res => {
  18. if (res.code === 0) {
  19. store.dispatch({ type: 'layout/visitSum', payload: res.data.visitSum })
  20. }
  21. })
  22. root.render(
  23. <ConfigProvider
  24. locale={locale}
  25. theme={{
  26. token: {
  27. colorPrimary: '#f58543'
  28. }
  29. }}
  30. >
  31. <Provider store={store}>
  32. <StyleProvider hashPriority='high' transformers={[legacyLogicalPropertiesTransformer]}>
  33. {/* 渲染 移动端 或 pc端 */}
  34. {isMobileFu() ? <AppM /> : <App />}
  35. </StyleProvider>
  36. </Provider>
  37. </ConfigProvider>
  38. )