Skip to content

Commit

Permalink
build: 设置多语言
Browse files Browse the repository at this point in the history
  • Loading branch information
@kailong502431556
kailong502431556 committed Dec 8, 2021
1 parent 4050d56 commit 45e879e
Show file tree
Hide file tree
Showing 27 changed files with 511 additions and 1,397 deletions.
4 changes: 2 additions & 2 deletions .eslintignore
View file
Expand Up @@ -8,5 +8,5 @@
/src/types/env.d.ts
/dist*
/src/main.ts
/src/auto-imports.d.ts
/src/components.d.ts
/src/types/auto-imports.d.ts
/src/types/components.d.ts
4 changes: 2 additions & 2 deletions .gitignore
View file
Expand Up @@ -3,6 +3,6 @@ node_modules
dist
dist-ssr
*.local
/src/components.d.ts
/src/auto-imports.d.ts
/src/types/components.d.ts
/src/types/auto-imports.d.ts
/dist*
19 changes: 19 additions & 0 deletions .pnpm-debug.log
View file
@@ -0,0 +1,19 @@
{
"0 debug pnpm:scope": {
"selected": 1
},
"1 error pnpm": {
"errno": 1,
"code": "ELIFECYCLE",
"pkgid": "new-element-plus-admin@0.0.0",
"stage": "clean",
"script": "npx rimraf docs/node_modules && npx rimraf node_modules",
"pkgname": "new-element-plus-admin",
"err": {
"name": "pnpm",
"message": "new-element-plus-admin@0.0.0 clean: `npx rimraf docs/node_modules && npx rimraf node_modules`\nExit status 1",
"code": "ELIFECYCLE",
"stack": "pnpm: new-element-plus-admin@0.0.0 clean: `npx rimraf docs/node_modules && npx rimraf node_modules`\nExit status 1\n at EventEmitter.<anonymous> (C:\\Users\\admin\\AppData\\Roaming\\nvm\\v16.0.0\\node_modules\\pnpm\\dist\\pnpm.cjs:103540:20)\n at EventEmitter.emit (node:events:365:28)\n at ChildProcess.<anonymous> (C:\\Users\\admin\\AppData\\Roaming\\nvm\\v16.0.0\\node_modules\\pnpm\\dist\\pnpm.cjs:91469:18)\n at ChildProcess.emit (node:events:365:28)\n at maybeClose (node:internal/child_process:1067:16)\n at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5)"
}
}
}
133 changes: 131 additions & 2 deletions index.html
View file
Expand Up @@ -4,10 +4,139 @@
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
<title></title>
</head>
<body>
<div id="app"></div>
<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">vue-element-plus-admin</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>
7 changes: 5 additions & 2 deletions package.json
View file
Expand Up @@ -12,6 +12,7 @@
"serve:dev": "vite preview --mode dev",
"serve:test": "vite preview --mode test",
"check": "npx npm-check-updates",
"clean": "npx rimraf docs/node_modules && npx rimraf node_modules",
"clean:cache": "npx rimraf node_modules/.cache",
"lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
"lint:format": "prettier --write --loglevel warn \"src/**/*.{js,ts,json,tsx,css,less,vue,html,md}\"",
Expand All @@ -22,12 +23,14 @@
},
"dependencies": {
"@vueuse/core": "^7.1.2",
"vue": "^3.2.16",
"vue": "^3.2.24",
"vue-i18n": "9.1.9",
"vue-router": "^4.0.12"
},
"devDependencies": {
"@commitlint/cli": "^15.0.0",
"@commitlint/config-conventional": "^15.0.0",
"@intlify/vite-plugin-vue-i18n": "^3.2.1",
"@typescript-eslint/eslint-plugin": "^5.6.0",
"@typescript-eslint/parser": "^5.6.0",
"@vitejs/plugin-vue": "^1.9.3",
Expand Down Expand Up @@ -56,7 +59,7 @@
"typescript": "^4.4.3",
"unplugin-auto-import": "^0.5.1",
"unplugin-vue-components": "^0.17.6",
"vite": "^2.6.4",
"vite": "2.6.14",
"vite-plugin-eslint": "^1.3.0",
"vite-plugin-vue-setup-extend": "^0.1.0",
"vite-plugin-windicss": "^1.5.4",
Expand Down

0 comments on commit 45e879e

Please sign in to comment.