vue-element-plus-admin是一个基于element-plus免费开源的中后台模版_element模板,elementplus后台模板资源-CSDN下载

共267个文件

ts：133个

vue：87个

svg：10个

版权申诉

前沿技术

5星 · 超过95%的资源 158 浏览量 2024-04-05 09:06:30 上传评论收藏 309KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

vue-element-plus-admin 是一个基于 element-plus 免费开源的中后台模版（267个子文件）

.env.base 164B

commit-msg 70B

var.css 1KB

.env.dev 357B

.env 149B

.eslintignore 87B

.gitignore 72B

index.html 4KB

favicon.ico 4KB

avatar.jpg 6KB

stylelint.config.js 5KB

.eslintrc.js 2KB

commitlint.config.js 891B

prettier.config.js 414B

lintstagedrc.js 407B

postcss.config.js 59B

package.json 4KB

tsconfig.json 1KB

settings.json 577B

extensions.json 61B

theme.less 155B

variables.module.less 150B

index.less 75B

LICENSE 1KB

CHANGELOG.md 47KB

logo.png 9KB

pre-commit 178B

.prettierignore 106B

.env.pro 347B

.stylelintignore 65B

500.svg 19KB

403.svg 13KB

404.svg 13KB

shopping.svg 2KB

icon.svg 1KB

peoples.svg 731B

message.svg 669B

money.svg 335B

index.ts 13KB

en.ts 13KB

zh-CN.ts 12KB

index.ts 12KB

domUtils.ts 8KB

app.ts 8KB

useCrudSchemas.ts 7KB

echarts-data.ts 6KB

vite.config.ts 6KB

routerHelper.ts 5KB

tree.ts 5KB

useTable.ts 5KB

color.ts 5KB

tagsView.ts 4KB

helper.ts 4KB

index.ts 4KB

index.ts 3KB

router.d.ts 3KB

useMessage.ts 3KB

is.ts 3KB

permission.ts 3KB

index.ts 3KB

useForm.ts 2KB

permission.ts 2KB

service.ts 2KB

useTimeAgo.ts 2KB

windi.config.ts 2KB

index.ts 2KB

useWatermark.ts 2KB

helper.ts 1KB

locale.ts 1KB

useValidator.ts 1KB

helper.ts 1KB

hasPermi.ts 1KB

useScrollTo.ts 1KB

form.d.ts 1KB

useI18n.ts 1KB

useIntro.ts 1KB

index.ts 1KB

componentMap.ts 1KB

index.ts 1014B

global.d.ts 996B

index.ts 943B

main.ts 912B

components.d.ts 907B

useLocale.ts 899B

index.ts 843B

index.ts 825B

types.ts 825B

helper.ts 795B

useNProgress.ts 764B

env.d.ts 758B

helper.ts 743B

index.ts 721B

index.ts 717B

propTypes.ts 708B

table.d.ts 681B

dict.ts 661B

共 267 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title><%= title %></title> </head> <body> <div id="app"> <style> .app-loading { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; background: #f0f2f5; } .app-loading .app-loading-wrap { position: absolute; top: 50%; left: 50%; display: flex; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); justify-content: center; align-items: center; flex-direction: column; } .app-loading .app-loading-title { margin-bottom: 30px; font-size: 20px; font-weight: bold; text-align: center; } .app-loading .app-loading-logo { width: 100px; margin: 0 auto 15px auto; } .app-loading .app-loading-item { position: relative; display: inline-block; width: 60px; height: 60px; vertical-align: middle; border-radius: 50%; } .app-loading .app-loading-outter { position: absolute; width: 100%; height: 100%; border: 4px solid #2d8cf0; border-bottom: 0; border-left-color: transparent; border-radius: 50%; animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; } .app-loading .app-loading-inner { position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); width: 40px; height: 40px; border: 4px solid #87bdff; border-right: 0; border-top-color: transparent; border-radius: 50%; animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; } @-webkit-keyframes loader-outter { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-outter { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-inner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes loader-inner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } </style> <div class="app-loading"> <div class="app-loading-wrap"> <div class="app-loading-title"> <img src="/logo.png" class="app-loading-logo" alt="Logo" /> <div class="app-loading-title"><%= title %></div> </div> <div class="app-loading-item"> <div class="app-loading-outter"></div> <div class="app-loading-inner"></div> </div> </div> </div> </div> <script type="module" src="/src/main.ts"></script> </body> </html>

评论收藏

内容反馈

版权申诉