From 46c93a4f0506107b57ae638c40d5b99a07ac4dd9 Mon Sep 17 00:00:00 2001 From: lyt-Top <1105290566@qq.com> Date: Sun, 28 Feb 2021 13:42:51 +0800 Subject: [PATCH] =?UTF-8?q?'admin-21.02.28:=E6=96=B0=E5=A2=9E=E6=95=B0?= =?UTF-8?q?=E5=AD=97=E6=BB=9A=E5=8A=A8=E6=BC=94=E7=A4=BA=E7=95=8C=E9=9D=A2?= =?UTF-8?q?=E3=80=81=E6=B7=BB=E5=8A=A0README.md=E3=80=81=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?ElMessageBox=E4=B8=8D=E5=B1=85=E4=B8=AD=E9=97=AE=E9=A2=98'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 121 +++++++++++++++++++++++++ src/router/index.ts | 16 +++- src/theme/element.scss | 1 + src/views/fun/countup/index.vue | 153 ++++++++++++++++++++++++++++++++ 4 files changed, 290 insertions(+), 1 deletion(-) create mode 100644 README.md create mode 100644 src/views/fun/countup/index.vue diff --git a/README.md b/README.md new file mode 100644 index 0000000..e06e6d2 --- /dev/null +++ b/README.md @@ -0,0 +1,121 @@ +
+ +

+ + vue + + + element plus + + + typescript + + + license + + + vite + +

+

 

+
+ +#### 介绍 + +基于 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-admin-wonderful 讨论群 + +#### 鸣谢列表 + +- 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 @@ + + + + + \ No newline at end of file