基于React18Redux-Toolkit、TypeScript、Vite2、Ant-Design开源的一套后台管理框架

共252个文件

tsx：81个

png：45个

ts：42个

web应用开发

后台管理框架

163 浏览量 2024-07-02 17:28:36 上传评论收藏 2.9MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于 React18 Redux-Toolkit、TypeScript、Vite2、Ant-Design 开源的一套后台管理框架（252个子文件）

commit-msg 91B

.env.development 93B

.editorconfig 532B

.env 301B

.eslintignore 129B

.gitignore 288B

index.html 2KB

favicon.ico 4KB

commitlint.config.js 5KB

.eslintrc.js 3KB

.stylelintrc.js 3KB

.prettierrc.js 2KB

lint-staged.config.js 309B

postcss.config.js 56B

china.json 801KB

package-lock.json 736KB

package.json 3KB

tsconfig.json 2KB

alarmList.Json 1KB

settings.json 854B

extensions.json 184B

index.less 6KB

index.less 3KB

theme-default.less 2KB

theme-dark.less 2KB

index.less 2KB

common.less 2KB

index.less 2KB

reset.less 1KB

index.less 943B

index.less 828B

AnnualUseChart.less 787B

RealTimeAccessChart.less 776B

MaleFemaleRatioChart.less 705B

iconfont.less 496B

HotPlateChart.less 494B

index.less 420B

index.less 349B

OverNext30Chart.less 329B

index.less 304B

index.less 241B

font.less 206B

ChinaMapChart.less 167B

index.less 157B

index.less 113B

var.less 54B

index.less 45B

index.less 39B

index.less 0B

LICENSE 1KB

CHANGELOG.md 4KB

DIN.otf 27KB

bg.png 627KB

login_left2.png 150KB

login_left.png 125KB

book-bg.png 124KB

login_left3.png 109KB

welcome.png 72KB

welcome01.png 71KB

dataScreen-header-center-bg.png 26KB

login_left4.png 25KB

login_left1.png 24KB

dataScreen-header-warn-bg.png 18KB

dataScreen-main-cb.png 16KB

dataScreen-main-lt.png 16KB

dataScreen-main-rb.png 16KB

dataScreen-main-rt.png 16KB

dataScreen-main-lc.png 16KB

dataScreen-main-rc.png 16KB

woman.png 16KB

dataScreen-main-lb.png 16KB

dataScreen-header-left-bg.png 15KB

avatar.png 12KB

4-bg.png 8KB

3-bg.png 8KB

logo.png 7KB

2-bg.png 7KB

1-bg.png 7KB

dataScreen-warn-bg.png 5KB

map-title-bg.png 4KB

book-sum.png 3KB

dataScreen-header-right-bg.png 2KB

man.png 2KB

man-bg.png 2KB

contrast-bg.png 1KB

woman-bg.png 1KB

dataScreen-header-btn-bg-l.png 1KB

dataScreen-header-btn-bg-r.png 1KB

add_team.png 1KB

共 252 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title><%- title %></title> </head> <body> <div id="root"> <style> html, body, #root { width: 100%; height: 100%; padding: 0; margin: 0; background-color: #ffffff; } .first-loading-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } .first-loading-wrap > h1 { font-size: 128px; } .first-loading-wrap .loading-wrap { display: flex; align-items: center; justify-content: center; padding: 98px; } .dot { position: relative; box-sizing: border-box; display: inline-block; width: 32px; height: 32px; font-size: 32px; transform: rotate(45deg); animation: ant-rotate 1.2s infinite linear; } .dot i { position: absolute; display: block; width: 14px; height: 14px; background-color: #1890ff; border-radius: 100%; opacity: 0.3; transform: scale(0.75); transform-origin: 50% 50%; animation: ant-spin-move 1s infinite linear alternate; } .dot i:nth-child(1) { top: 0; left: 0; } .dot i:nth-child(2) { top: 0; right: 0; animation-delay: 0.4s; } .dot i:nth-child(3) { right: 0; bottom: 0; animation-delay: 0.8s; } .dot i:nth-child(4) { bottom: 0; left: 0; animation-delay: 1.2s; } @keyframes ant-rotate { to { transform: rotate(405deg); } } @keyframes ant-spin-move { to { opacity: 1; } } </style> <div class="first-loading-wrap"> <div class="loading-wrap"> <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span> </div> </div> </div> <script type="module" src="/src/main.tsx"></script> </body> </html>

评论收藏

内容反馈