基于Vue3+TypeScript+echarts的后台管理系统模板源码+使用说明(功能强大).zip资源-CSDN下载

共349个文件

vue：120个

ts：65个

scss：64个

版权申诉

课程设计

TypeScript

echarts

后台管理系统模板

181 浏览量 2023-10-26 10:26:20 上传评论收藏 3.13MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于Vue3+TypeScript+echarts的后台管理系统模板源码+使用说明(功能强大).zip （349个子文件）

commitlint.config.cjs 6KB

.eslintrc.cjs 3KB

.stylelintrc.cjs 2KB

.prettierrc.cjs 2KB

lint-staged.config.cjs 387B

postcss.config.cjs 60B

commit-msg 91B

.env.development 572B

.editorconfig 537B

.env 195B

.eslintignore 111B

avatar.gif 6KB

index.html 3KB

china.json 981KB

authMenuList.json 27KB

package.json 4KB

settings.json 2KB

tsconfig.json 2KB

alarmList.Json 1KB

extensions.json 341B

authButtonList.json 193B

使用说明.md 4KB

DIN.otf 27KB

bg.png 627KB

login_left5.png 275KB

login_left4.png 150KB

book-bg.png 124KB

login_left3.png 109KB

welcome.png 74KB

login_left1.png 41KB

login_left.png 35KB

login_left2.png 31KB

dataScreen-header-center-bg.png 26KB

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

403.png 12KB

logo.png 8KB

4-bg.png 8KB

500.png 8KB

3-bg.png 8KB

404.png 8KB

2-bg.png 7KB

msg04.png 7KB

1-bg.png 7KB

msg02.png 6KB

msg01.png 6KB

msg03.png 6KB

msg05.png 6KB

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

notData.png 1KB

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

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

add_team.png 1KB

book_sum.png 859B

total.png 788B

add_person.png 780B

today.png 704B

rankingChart-bg.png 661B

line-bg.png 595B

dataScreen-title.png 485B

dataScreen-alarm.png 405B

pre-commit 78B

.prettierignore 72B

.env.production 545B

index.scss 7KB

element.scss 5KB

index.scss 4KB

index.scss 3KB

index.scss 2KB

common.scss 2KB

index.scss 2KB

reset.scss 2KB

index.scss 2KB

index.scss 1KB

element-dark.scss 926B

index.scss 840B

index.scss 773B

index.scss 764B

iconfont.scss 734B

index.scss 614B

index.scss 552B

共 349 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/vue.svg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title><%- title %></title> </head> <body> <div id="app"> <style> html, body, #app { width: 100%; height: 100%; padding: 0; margin: 0; } .loading-box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } .loading-box .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: #409eff; 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="loading-box"> <div class="loading-wrap"> <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span> </div> </div> </div> <script> const globalState = JSON.parse(window.localStorage.getItem("geeker-global")); if (globalState) { const dot = document.querySelectorAll(".dot i"); const html = document.querySelector("html"); dot.forEach(item => (item.style.background = globalState.primary)); if (globalState.isDark) html.style.background = "#141414"; } </script> <script type="module" src="/src/main.ts"></script> </body> </html>

评论收藏

内容反馈

版权申诉