index.tsx 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. // import 'default-passive-events';
  2. import App from "./App";
  3. import store from "./store/index";
  4. import { Provider } from "react-redux";
  5. import { createRoot } from "react-dom/client";
  6. import { ConfigProvider } from "antd";
  7. // 兼容360浏览器
  8. import {
  9. StyleProvider,
  10. legacyLogicalPropertiesTransformer,
  11. } from "@ant-design/cssinjs";
  12. import "dayjs/locale/zh-cn";
  13. import locale from "antd/locale/zh_CN";
  14. import { isMobileFu } from "./utils/history";
  15. // import AppM from "./AppM";
  16. const container = document.getElementById("root") as HTMLElement;
  17. const root = createRoot(container);
  18. // 静态资源地址
  19. // @ts-ignore
  20. export const baseUrl = baseUrlTemp;
  21. // 数据存到仓库
  22. // @ts-ignore
  23. store.dispatch({ type: "layout/setDataAll", payload: staticDataTemp });
  24. if (isMobileFu()) {
  25. root.render(
  26. <ConfigProvider
  27. locale={locale}
  28. theme={{
  29. token: {
  30. colorPrimary: "#FCE9AC",
  31. },
  32. }}
  33. >
  34. <Provider store={store}>
  35. <StyleProvider
  36. hashPriority="high"
  37. transformers={[legacyLogicalPropertiesTransformer]}
  38. >
  39. {/* <AppM /> */}
  40. <App />
  41. </StyleProvider>
  42. </Provider>
  43. </ConfigProvider>
  44. );
  45. } else {
  46. root.render(
  47. <ConfigProvider
  48. locale={locale}
  49. theme={{
  50. token: {
  51. colorPrimary: "#FCE9AC",
  52. },
  53. }}
  54. >
  55. <Provider store={store}>
  56. <StyleProvider
  57. hashPriority="high"
  58. transformers={[legacyLogicalPropertiesTransformer]}
  59. >
  60. <App />
  61. </StyleProvider>
  62. </Provider>
  63. </ConfigProvider>
  64. );
  65. }