index.tsx 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  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 { getvisit } from './store/action/all'
  14. const container = document.getElementById('root') as HTMLElement
  15. const root = createRoot(container)
  16. // 浏览量
  17. const resFu = async () => {
  18. const res = await getvisit()
  19. if (res.code === 0) {
  20. store.dispatch({ type: 'layout/visitSum', payload: res.data.pcs })
  21. }
  22. }
  23. resFu()
  24. root.render(
  25. <ConfigProvider
  26. locale={locale}
  27. theme={{
  28. token: {
  29. colorPrimary: '#f58543'
  30. }
  31. }}
  32. >
  33. <Provider store={store}>
  34. <StyleProvider hashPriority='high' transformers={[legacyLogicalPropertiesTransformer]}>
  35. {/* 渲染 移动端 或 pc端 */}
  36. {isMobileFu() ? <AppM /> : <App />}
  37. </StyleProvider>
  38. </Provider>
  39. </ConfigProvider>
  40. )