From 17bd07b54a2f6e2834718296ed98f17ded2dce07 Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Fri, 22 Apr 2022 16:40:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E5=B1=8F=20loading=20?=
=?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
README.md | 2 --
index.html | 7 +++--
package.json | 2 +-
public/app-loading.css | 65 ++++++++++++++++++++++++++++++++++++++++++
types/components.d.ts | 5 ----
5 files changed, 71 insertions(+), 10 deletions(-)
create mode 100644 public/app-loading.css
diff --git a/README.md b/README.md
index 9f2c06f..6db221e 100644
--- a/README.md
+++ b/README.md
@@ -4,8 +4,6 @@
模板代码是从 [v3-admin v3.1.3](https://github.com/un-pany/v3-admin) 迁移而来，只是脚手架从 vue-cli 5.x 切换到了 vite，并作了一些繁琐的适配.
-现在还是预发布 **3.1.3-rc3** 版本，正在努力重构中，等待 vite 版的 v3.1.3 发布.
-
文档暂无，可以先用到 v3-admin 的文档，基本上是适用的.
## 开发
diff --git a/index.html b/index.html
index 7a3cf93..2e39b96 100644
--- a/index.html
+++ b/index.html
@@ -2,12 +2,15 @@
-
+
+
v3-admin-vite
-
+
diff --git a/package.json b/package.json
index 7986686..cad5f04 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "v3-admin-vite",
- "version": "3.1.3-rc3",
+ "version": "3.1.3",
"description": "一个中后台管理系统基础解决方案，基于 Vue3、TypeScript、Element-Plus、Pinia 和 Vite",
"author": {
"name": "pany",
diff --git a/public/app-loading.css b/public/app-loading.css
new file mode 100644
index 0000000..bb3f873
--- /dev/null
+++ b/public/app-loading.css
@@ -0,0 +1,65 @@
+#app-loading,
+#app-loading:before,
+#app-loading:after {
+ border-radius: 50%;
+ width: 2.5em;
+ height: 2.5em;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation: loadingAnimation 1.8s infinite ease-in-out;
+ animation: loadingAnimation 1.8s infinite ease-in-out;
+}
+
+#app-loading {
+ color: #409eff;
+ font-size: 10px;
+ margin: 80px auto;
+ position: relative;
+ text-indent: -9999em;
+ -webkit-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-animation-delay: -0.16s;
+ animation-delay: -0.16s;
+ top: 0;
+ transform: translate(-50%, 0);
+}
+
+#app-loading:before,
+#app-loading:after {
+ content: "";
+ position: absolute;
+ top: 0;
+}
+
+#app-loading:before {
+ left: -3.5em;
+ -webkit-animation-delay: -0.32s;
+ animation-delay: -0.32s;
+}
+
+#app-loading:after {
+ left: 3.5em;
+}
+
+@-webkit-keyframes loadingAnimation {
+ 0%,
+ 80%,
+ 100% {
+ box-shadow: 0 2.5em 0 -1.3em;
+ }
+ 40% {
+ box-shadow: 0 2.5em 0 0;
+ }
+}
+
+@keyframes loadingAnimation {
+ 0%,
+ 80%,
+ 100% {
+ box-shadow: 0 2.5em 0 -1.3em;
+ }
+ 40% {
+ box-shadow: 0 2.5em 0 0;
+ }
+}
diff --git a/types/components.d.ts b/types/components.d.ts
index 62750a9..15d8537 100644
--- a/types/components.d.ts
+++ b/types/components.d.ts
@@ -19,14 +19,9 @@ declare module '@vue/runtime-core' {
ElInput: typeof import('element-plus/es')['ElInput']
ElMenu: typeof import('element-plus/es')['ElMenu']
ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
- ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
- ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
ElSwitch: typeof import('element-plus/es')['ElSwitch']
- ElTabPane: typeof import('element-plus/es')['ElTabPane']
- ElTabs: typeof import('element-plus/es')['ElTabs']
- ElTag: typeof import('element-plus/es')['ElTag']
ElTooltip: typeof import('element-plus/es')['ElTooltip']
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']