diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e06e6d2
--- /dev/null
+++ b/README.md
@@ -0,0 +1,121 @@
+
+
+#### 介绍
+
+基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex,适配手机、平板、pc 的后台开源免费模板,希望减少工作量,帮助大家实现快速开发。
+
+#### 线上预览
+
+###### vue3.x 版本
+
+- vue-admin-wonderful-next 版本预览 https://lyt-top.gitee.io/vue-admin-wonderful-next-preview/#/login
+
+###### vue2.x 版本
+
+- pro 版本预览 http://lyt-top.gitee.io/vue-admin-wonderful-preview
+- fashion 版本预览 http://lyt-top.gitee.io/vue-admin-wonderful-fashion-preview
+- classic 版本预览 http://lyt-top.gitee.io/vue-admin-wonderful-classic-preview
+- elegant 版本预览 http://lyt-top.gitee.io/vue-admin-wonderful-elegant-preview
+- strange 版本预览 http://lyt-top.gitee.io/vue-admin-wonderful-strange-preview
+
+#### 代码仓库
+
+- vue3.x 版本 https://gitee.com/lyt-top/vue-admin-wonderful-next
+- vue2.x 版本 https://gitee.com/lyt-top/vue-admin-wonderful
+
+#### 安装 cnpm
+
+- 复制代码(桌面 cmd 运行) `npm install -g cnpm --registry=https://registry.npm.taobao.org`
+
+#### 使用说明(vue3.x 版本)
+
+```bash
+# 克隆项目
+git clone https://gitee.com/lyt-top/vue-admin-wonderful-next.git
+
+# 进入项目
+cd vue-admin-wonderful-next
+
+# 安装依赖
+cnpm install
+
+# 运行项目
+cnpm run dev
+
+# 打包发布
+cnpm run build
+```
+
+#### 使用说明(vue2.x 版本)
+
+```bash
+# 克隆项目
+git clone https://gitee.com/lyt-top/vue-admin-wonderful.git
+
+# 进入项目
+cd vue-admin-wonderful
+
+# 安装依赖
+cnpm install
+
+# 运行项目
+cnpm run serve
+
+# 打包发布
+cnpm run build
+```
+
+#### 学习交流加 QQ 群
+
+- 加群下载基础模板、查看开发文档、vue-admin-wonderful-next 开发文档正在编写中...
+- 群号码:665452019
+
+
+
+
+#### 鸣谢列表
+
+- vue
+- vue-next
+- element-ui
+- element-plus
+- vue-router-nex
+- vuex
+- echarts
+- vue-element-admin
+- axios
+- clipboard
+- countUp
+- mitt
+- nprogress
+- screenfull
+- sortablejs
+- sass
+- typescript
+- vite
+
+#### 其他事项
+
+- vue3.x vue-admin-wonderful-next 版本,基于 vue3.x + CompositionAPI + typescript + vite + element plus。
+- vue2.x vue-admin-wonderful 版本,基于 vue2.x + element ui。
+- 喜欢用就帮忙 gitee star 下,不喜欢用也没关系,出来打工、创业,大家都不容易,感谢大家的支持,谢谢!
diff --git a/src/router/index.ts b/src/router/index.ts
index 75ec630..a107b45 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,4 +1,3 @@
-import { defineAsyncComponent } from 'vue'
import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router"
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
@@ -332,6 +331,21 @@ export const dynamicRoutes = [
auth: ['admin', 'test'],
icon: 'el-icon-thumb'
}
+ },
+ {
+ path: '/fun/countup',
+ name: 'countup',
+ component: () => import('/@/views/fun/countup/index.vue'),
+ meta: {
+ title: 'countup 数字滚动',
+ isLink: '',
+ isHide: false,
+ isKeepAlive: true,
+ isAffix: false,
+ isIframe: false,
+ auth: ['admin', 'test'],
+ icon: 'el-icon-odometer'
+ }
}
]
},
diff --git a/src/theme/element.scss b/src/theme/element.scss
index 517e80d..248e354 100644
--- a/src/theme/element.scss
+++ b/src/theme/element.scss
@@ -882,6 +882,7 @@
.el-overlay {
display: flex;
align-items: center;
+ justify-content: center;
.el-dialog {
margin: 0 auto !important;
.el-dialog__body {
diff --git a/src/views/fun/countup/index.vue b/src/views/fun/countup/index.vue
new file mode 100644
index 0000000..582e682
--- /dev/null
+++ b/src/views/fun/countup/index.vue
@@ -0,0 +1,153 @@
+
+
+
+
+
+
+
+
+
{{v.title}}
+
+
{{v.tip}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file