project/chuhai-payment-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove lazy load feat

Browse Source
This commit is contained in:
LittleBoy 2024-05-22 15:57:04 +08:00
parent 914e9d5643
commit abb7b4c613
5 changed files with 36 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
index.html
View File

@ -5,9 +5,33 @@
<link rel="icon" type="image/png" href="/favicon.png" /> <link rel="icon" type="image/png" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Payment System</title> <title>Payment System</title>
<style>
@keyframes before{0%{width:.5em;box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}
35%{width:2.5em;box-shadow:0 -.5em rgba(225,20,98,.75),0 .5em rgba(111,202,220,.75)}
70%{width:.5em;box-shadow:-1em -.5em rgba(225,20,98,.75),1em .5em rgba(111,202,220,.75)}
100%{box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}
}
@keyframes after{0%{height:.5em;box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}
35%{height:2.5em;box-shadow:.5em 0 rgba(61,184,143,.75),-.5em 0 rgba(233,169,32,.75)}
70%{height:.5em;box-shadow:.5em -1em rgba(61,184,143,.75),-.5em 1em rgba(233,169,32,.75)}
100%{box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}
}
.app-loading-text .loader{margin:auto;position:relative;width:2.5em;height:2.5em;transform:rotate(165deg)}
.app-loading-text .loader:after,.app-loading-text .loader:before{content:'';position:absolute;top:50%;left:50%;display:block;width:.5em;height:.5em;border-radius:.25em;transform:translate(-50%,-50%)}
.app-loading-text .loader:before{animation:before 2s infinite}
.app-loading-text .loader:after{animation:after 2s infinite}
.app-loading-text{font-family:"PingFang SC","Microsoft YaHei",sans-serif;position:fixed;left:0;right:0;text-align:center;top:50%;transform:translateY(-50%);font-size:20px}
</style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root">
<div class="app-loading-text">
<div class="loader"></div>
<div style="margin-top: 20px;color:#999">
<div>Resources loading...</div>
</div>
</div>
</div>
<script type="module" src="/src/main.tsx"></script> <script type="module" src="/src/main.tsx"></script>
</body> </body>
</html> </html>

2
package.json
View File

@ -7,7 +7,7 @@
"dev": "vite --host", "dev": "vite --host",
"build": "tsc && vite build", "build": "tsc && vite build",
"build-test": "tsc && vite build --mode=test", "build-test": "tsc && vite build --mode=test",
"build-docker": "", "build-docker:latest": "docker build -t payment-front:latest .",
"clean-build": "rm -rf dist", "clean-build": "rm -rf dist",
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview" "preview": "vite preview"

5
src/assets/index.less
View File

@ -57,14 +57,17 @@
} }
.main-bg-container { .main-bg-container {
background: url(./images/auth/bg.jpg); background: url(./images/auth/bg.jpg);
background-attachment: fixed;
.main-content{ .main-content{
display: flex; display: flex;
align-items:center; align-items:center;
justify-content: center; justify-content: center;
background: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.07);
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
width: 100vw;
height: 100vh; height: 100vh;
overflow: auto;
box-sizing: border-box;
padding: 50px 0;
} }
} }

9
src/routes/index.tsx
View File

@ -1,5 +1,5 @@
import {createBrowserRouter, Navigate, RouteObject, RouterProvider,} from "react-router-dom"; import {createBrowserRouter, Navigate, RouteObject, RouterProvider,} from "react-router-dom";
import {lazy, Suspense, useMemo,} from "react"; import {Suspense, useMemo,} from "react";
import {useTranslation} from "react-i18next"; import {useTranslation} from "react-i18next";
import { LocaleProvider } from '@douyinfe/semi-ui'; import { LocaleProvider } from '@douyinfe/semi-ui';
@ -16,9 +16,10 @@ import MainLayout from "@/routes/layout/main-layout.tsx";
import Loader from "@/components/loader.tsx"; import Loader from "@/components/loader.tsx";
const ManualIndex = lazy(() => import("@/pages/manual/index.tsx"));
const BillQuery = lazy(() => import("@/pages/bill/query.tsx")); import ManualIndex from "@/pages/manual/index.tsx";
const BillReconciliation = lazy(() => import("@/pages/bill/reconciliation.tsx")); import BillQuery from "@/pages/bill/query.tsx";
import BillReconciliation from "@/pages/bill/reconciliation.tsx";
const routes: RouteObject[] = [ const routes: RouteObject[] = [

2
src/routes/layout/main-layout.tsx
View File

@ -4,7 +4,7 @@ import styled from "@emotion/styled";
import {I18nSwitcher} from "@/i18n"; import {I18nSwitcher} from "@/i18n";
const I18nContainer = styled.div({ const I18nContainer = styled.div({
position: 'absolute', position: 'fixed',
top: 10, top: 10,
right: 10 right: 10
}) })