diff --git a/vue-admin-wonderful-next/.env b/.env similarity index 100% rename from vue-admin-wonderful-next/.env rename to .env diff --git a/vue-admin-wonderful-next/.env.development b/.env.development similarity index 100% rename from vue-admin-wonderful-next/.env.development rename to .env.development diff --git a/vue-admin-wonderful-next/.env.production b/.env.production similarity index 100% rename from vue-admin-wonderful-next/.env.production rename to .env.production diff --git a/vue-admin-wonderful-next/.gitignore b/.gitignore similarity index 100% rename from vue-admin-wonderful-next/.gitignore rename to .gitignore diff --git a/vue-admin-wonderful-next/build/utils.ts b/build/utils.ts similarity index 100% rename from vue-admin-wonderful-next/build/utils.ts rename to build/utils.ts diff --git a/vue-admin-wonderful-next/index.html b/index.html similarity index 55% rename from vue-admin-wonderful-next/index.html rename to index.html index e11f7fe..544dd5d 100644 --- a/vue-admin-wonderful-next/index.html +++ b/index.html @@ -2,17 +2,26 @@ + + + + - vue-admin-wonderful-next
-
-
+
+
diff --git a/vue-admin-wonderful-next/package.json b/package.json similarity index 100% rename from vue-admin-wonderful-next/package.json rename to package.json diff --git a/vue-admin-wonderful-next-images/favicon/favicon.ico b/public/favicon.ico similarity index 100% rename from vue-admin-wonderful-next-images/favicon/favicon.ico rename to public/favicon.ico diff --git a/public/loading.css b/public/loading.css new file mode 100644 index 0000000..aa3370a --- /dev/null +++ b/public/loading.css @@ -0,0 +1 @@ +.loading-next{width:100%;height:100%;}.loading-next .loading-next-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}.loading-next-box .loading-next-animation{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;}.loading-next-animation .loading-next-animation-box{display:block;font-size:0;color:#fff;position:relative;width:64px;height:64px;}.loading-next-animation-box > div:nth-child(1){top:-25%;z-index:1;height:100%;border-radius:10%;animation:loading-animation 0.6s -0.1s linear infinite;background-color:#409eff;}@keyframes loading-animation{15%{border-bottom-right-radius:10%;}25%{transform:translateY(25%) rotate(22.5deg);}50%{border-bottom-right-radius:100%;transform:translateY(50%) scale(1,0.9) rotate(45deg);}75%{transform:translateY(25%) rotate(67.5deg);}100%{transform:translateY(0) rotate(90deg);}}.loading-next-animation-box > div:nth-child(2){height:10%;background:#000;border-radius:50%;opacity:0.2;animation:loading-next-animation-shadow 0.6s -0.1s linear infinite;position:absolute;left:0;width:100%;bottom:-40%;}@keyframes loading-next-animation-shadow{50%{transform:scale(1.25,1);}} \ No newline at end of file diff --git a/vue-admin-wonderful-next/shim.d.ts b/shim.d.ts similarity index 100% rename from vue-admin-wonderful-next/shim.d.ts rename to shim.d.ts diff --git a/vue-admin-wonderful-next/source.d.ts b/source.d.ts similarity index 100% rename from vue-admin-wonderful-next/source.d.ts rename to source.d.ts diff --git a/vue-admin-wonderful-next/src/App.vue b/src/App.vue similarity index 100% rename from vue-admin-wonderful-next/src/App.vue rename to src/App.vue diff --git a/vue-admin-wonderful-next/src/assets/bg-login.png b/src/assets/bg-login.png similarity index 100% rename from vue-admin-wonderful-next/src/assets/bg-login.png rename to src/assets/bg-login.png diff --git a/vue-admin-wonderful-next-images/logo/logo-docs-mini.svg b/src/assets/logo-docs-mini.svg similarity index 100% rename from vue-admin-wonderful-next-images/logo/logo-docs-mini.svg rename to src/assets/logo-docs-mini.svg diff --git a/vue-admin-wonderful-next/src/components/auth/auth.vue b/src/components/auth/auth.vue similarity index 100% rename from vue-admin-wonderful-next/src/components/auth/auth.vue rename to src/components/auth/auth.vue diff --git a/vue-admin-wonderful-next/src/components/auth/authAll.vue b/src/components/auth/authAll.vue similarity index 100% rename from vue-admin-wonderful-next/src/components/auth/authAll.vue rename to src/components/auth/authAll.vue diff --git a/vue-admin-wonderful-next/src/components/auth/auths.vue b/src/components/auth/auths.vue similarity index 100% rename from vue-admin-wonderful-next/src/components/auth/auths.vue rename to src/components/auth/auths.vue diff --git a/vue-admin-wonderful-next/src/main.ts b/src/main.ts similarity index 100% rename from vue-admin-wonderful-next/src/main.ts rename to src/main.ts diff --git a/vue-admin-wonderful-next/src/router/index.ts b/src/router/index.ts similarity index 100% rename from vue-admin-wonderful-next/src/router/index.ts rename to src/router/index.ts diff --git a/vue-admin-wonderful-next/src/store/index.ts b/src/store/index.ts similarity index 100% rename from vue-admin-wonderful-next/src/store/index.ts rename to src/store/index.ts diff --git a/vue-admin-wonderful-next/src/theme/app.scss b/src/theme/app.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/app.scss rename to src/theme/app.scss diff --git a/vue-admin-wonderful-next/src/theme/base.scss b/src/theme/base.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/base.scss rename to src/theme/base.scss diff --git a/vue-admin-wonderful-next/src/theme/common/transition.scss b/src/theme/common/transition.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/common/transition.scss rename to src/theme/common/transition.scss diff --git a/vue-admin-wonderful-next/src/theme/common/var.scss b/src/theme/common/var.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/common/var.scss rename to src/theme/common/var.scss diff --git a/vue-admin-wonderful-next/src/theme/element.scss b/src/theme/element.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/element.scss rename to src/theme/element.scss diff --git a/vue-admin-wonderful-next/src/theme/index.scss b/src/theme/index.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/index.scss rename to src/theme/index.scss diff --git a/vue-admin-wonderful-next/src/theme/media/chart.scss b/src/theme/media/chart.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/media/chart.scss rename to src/theme/media/chart.scss diff --git a/vue-admin-wonderful-next/src/theme/media/error.scss b/src/theme/media/error.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/media/error.scss rename to src/theme/media/error.scss diff --git a/vue-admin-wonderful-next/src/theme/media/home.scss b/src/theme/media/home.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/media/home.scss rename to src/theme/media/home.scss diff --git a/vue-admin-wonderful-next/src/theme/media/index.scss b/src/theme/media/index.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/media/index.scss rename to src/theme/media/index.scss diff --git a/vue-admin-wonderful-next/src/theme/media/layout.scss b/src/theme/media/layout.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/media/layout.scss rename to src/theme/media/layout.scss diff --git a/vue-admin-wonderful-next/src/theme/media/login.scss b/src/theme/media/login.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/media/login.scss rename to src/theme/media/login.scss diff --git a/vue-admin-wonderful-next/src/theme/media/media.scss b/src/theme/media/media.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/media/media.scss rename to src/theme/media/media.scss diff --git a/vue-admin-wonderful-next/src/theme/media/personal.scss b/src/theme/media/personal.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/media/personal.scss rename to src/theme/media/personal.scss diff --git a/vue-admin-wonderful-next/src/theme/media/tagsView.scss b/src/theme/media/tagsView.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/media/tagsView.scss rename to src/theme/media/tagsView.scss diff --git a/vue-admin-wonderful-next/src/theme/mixins/element-mixins.scss b/src/theme/mixins/element-mixins.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/mixins/element-mixins.scss rename to src/theme/mixins/element-mixins.scss diff --git a/vue-admin-wonderful-next/src/theme/mixins/function.scss b/src/theme/mixins/function.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/mixins/function.scss rename to src/theme/mixins/function.scss diff --git a/vue-admin-wonderful-next/src/theme/mixins/mixins.scss b/src/theme/mixins/mixins.scss similarity index 100% rename from vue-admin-wonderful-next/src/theme/mixins/mixins.scss rename to src/theme/mixins/mixins.scss diff --git a/vue-admin-wonderful-next/src/utils/arrayOperation.ts b/src/utils/arrayOperation.ts similarity index 100% rename from vue-admin-wonderful-next/src/utils/arrayOperation.ts rename to src/utils/arrayOperation.ts diff --git a/vue-admin-wonderful-next/src/utils/authDirective.ts b/src/utils/authDirective.ts similarity index 100% rename from vue-admin-wonderful-next/src/utils/authDirective.ts rename to src/utils/authDirective.ts diff --git a/vue-admin-wonderful-next/src/utils/authFunction.ts b/src/utils/authFunction.ts similarity index 100% rename from vue-admin-wonderful-next/src/utils/authFunction.ts rename to src/utils/authFunction.ts diff --git a/vue-admin-wonderful-next/src/utils/formatTime.ts b/src/utils/formatTime.ts similarity index 100% rename from vue-admin-wonderful-next/src/utils/formatTime.ts rename to src/utils/formatTime.ts diff --git a/vue-admin-wonderful-next/src/utils/setIconfont.ts b/src/utils/setIconfont.ts similarity index 100% rename from vue-admin-wonderful-next/src/utils/setIconfont.ts rename to src/utils/setIconfont.ts diff --git a/vue-admin-wonderful-next/src/utils/storage.ts b/src/utils/storage.ts similarity index 100% rename from vue-admin-wonderful-next/src/utils/storage.ts rename to src/utils/storage.ts diff --git a/vue-admin-wonderful-next/src/utils/theme.ts b/src/utils/theme.ts similarity index 100% rename from vue-admin-wonderful-next/src/utils/theme.ts rename to src/utils/theme.ts diff --git a/vue-admin-wonderful-next/src/utils/themeConfig.ts b/src/utils/themeConfig.ts similarity index 100% rename from vue-admin-wonderful-next/src/utils/themeConfig.ts rename to src/utils/themeConfig.ts diff --git a/vue-admin-wonderful-next/src/utils/toolsValidate.js b/src/utils/toolsValidate.js similarity index 100% rename from vue-admin-wonderful-next/src/utils/toolsValidate.js rename to src/utils/toolsValidate.js diff --git a/vue-admin-wonderful-next/src/utils/wartermark.ts b/src/utils/wartermark.ts similarity index 100% rename from vue-admin-wonderful-next/src/utils/wartermark.ts rename to src/utils/wartermark.ts diff --git a/vue-admin-wonderful-next/src/views/chart/chart.scss b/src/views/chart/chart.scss similarity index 100% rename from vue-admin-wonderful-next/src/views/chart/chart.scss rename to src/views/chart/chart.scss diff --git a/vue-admin-wonderful-next/src/views/chart/chart.ts b/src/views/chart/chart.ts similarity index 100% rename from vue-admin-wonderful-next/src/views/chart/chart.ts rename to src/views/chart/chart.ts diff --git a/vue-admin-wonderful-next/src/views/chart/head.vue b/src/views/chart/head.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/chart/head.vue rename to src/views/chart/head.vue diff --git a/vue-admin-wonderful-next/src/views/chart/index.vue b/src/views/chart/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/chart/index.vue rename to src/views/chart/index.vue diff --git a/vue-admin-wonderful-next/src/views/docs/index.vue b/src/views/docs/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/docs/index.vue rename to src/views/docs/index.vue diff --git a/vue-admin-wonderful-next/src/views/error/401.vue b/src/views/error/401.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/error/401.vue rename to src/views/error/401.vue diff --git a/vue-admin-wonderful-next/src/views/error/404.vue b/src/views/error/404.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/error/404.vue rename to src/views/error/404.vue diff --git a/vue-admin-wonderful-next/src/views/fun/tagsView/index.vue b/src/views/fun/tagsView/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/fun/tagsView/index.vue rename to src/views/fun/tagsView/index.vue diff --git a/vue-admin-wonderful-next/src/views/home/index.vue b/src/views/home/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/home/index.vue rename to src/views/home/index.vue diff --git a/vue-admin-wonderful-next/src/views/home/mock.ts b/src/views/home/mock.ts similarity index 100% rename from vue-admin-wonderful-next/src/views/home/mock.ts rename to src/views/home/mock.ts diff --git a/vue-admin-wonderful-next/src/views/layout/component/aside.vue b/src/views/layout/component/aside.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/component/aside.vue rename to src/views/layout/component/aside.vue diff --git a/vue-admin-wonderful-next/src/views/layout/component/columnsAside.vue b/src/views/layout/component/columnsAside.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/component/columnsAside.vue rename to src/views/layout/component/columnsAside.vue diff --git a/vue-admin-wonderful-next/src/views/layout/component/header.vue b/src/views/layout/component/header.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/component/header.vue rename to src/views/layout/component/header.vue diff --git a/vue-admin-wonderful-next/src/views/layout/component/main.vue b/src/views/layout/component/main.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/component/main.vue rename to src/views/layout/component/main.vue diff --git a/vue-admin-wonderful-next/src/views/layout/footer/index.vue b/src/views/layout/footer/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/footer/index.vue rename to src/views/layout/footer/index.vue diff --git a/vue-admin-wonderful-next/src/views/layout/index.vue b/src/views/layout/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/index.vue rename to src/views/layout/index.vue diff --git a/vue-admin-wonderful-next/src/views/layout/lockScreen/index.vue b/src/views/layout/lockScreen/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/lockScreen/index.vue rename to src/views/layout/lockScreen/index.vue diff --git a/vue-admin-wonderful-next/src/views/layout/logo/index.vue b/src/views/layout/logo/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/logo/index.vue rename to src/views/layout/logo/index.vue diff --git a/vue-admin-wonderful-next/src/views/layout/main/classic.vue b/src/views/layout/main/classic.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/main/classic.vue rename to src/views/layout/main/classic.vue diff --git a/vue-admin-wonderful-next/src/views/layout/main/columns.vue b/src/views/layout/main/columns.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/main/columns.vue rename to src/views/layout/main/columns.vue diff --git a/vue-admin-wonderful-next/src/views/layout/main/defaults.vue b/src/views/layout/main/defaults.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/main/defaults.vue rename to src/views/layout/main/defaults.vue diff --git a/vue-admin-wonderful-next/src/views/layout/main/transverse.vue b/src/views/layout/main/transverse.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/main/transverse.vue rename to src/views/layout/main/transverse.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/breadcrumb.vue b/src/views/layout/navBars/breadcrumb/breadcrumb.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/breadcrumb.vue rename to src/views/layout/navBars/breadcrumb/breadcrumb.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/index.vue b/src/views/layout/navBars/breadcrumb/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/index.vue rename to src/views/layout/navBars/breadcrumb/index.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/search.vue b/src/views/layout/navBars/breadcrumb/search.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/search.vue rename to src/views/layout/navBars/breadcrumb/search.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/setings.vue b/src/views/layout/navBars/breadcrumb/setings.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/setings.vue rename to src/views/layout/navBars/breadcrumb/setings.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/user.vue b/src/views/layout/navBars/breadcrumb/user.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/user.vue rename to src/views/layout/navBars/breadcrumb/user.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/userNews.vue b/src/views/layout/navBars/breadcrumb/userNews.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/userNews.vue rename to src/views/layout/navBars/breadcrumb/userNews.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/index.vue b/src/views/layout/navBars/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navBars/index.vue rename to src/views/layout/navBars/index.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/tagsView/contextmenu.vue b/src/views/layout/navBars/tagsView/contextmenu.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navBars/tagsView/contextmenu.vue rename to src/views/layout/navBars/tagsView/contextmenu.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/tagsView/scroll.vue b/src/views/layout/navBars/tagsView/scroll.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navBars/tagsView/scroll.vue rename to src/views/layout/navBars/tagsView/scroll.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/tagsView/tagsView.vue b/src/views/layout/navBars/tagsView/tagsView.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navBars/tagsView/tagsView.vue rename to src/views/layout/navBars/tagsView/tagsView.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navMenu/horizontal.vue b/src/views/layout/navMenu/horizontal.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navMenu/horizontal.vue rename to src/views/layout/navMenu/horizontal.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navMenu/subItem.vue b/src/views/layout/navMenu/subItem.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navMenu/subItem.vue rename to src/views/layout/navMenu/subItem.vue diff --git a/vue-admin-wonderful-next/src/views/layout/navMenu/vertical.vue b/src/views/layout/navMenu/vertical.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/navMenu/vertical.vue rename to src/views/layout/navMenu/vertical.vue diff --git a/vue-admin-wonderful-next/src/views/layout/routerView/iframes.vue b/src/views/layout/routerView/iframes.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/routerView/iframes.vue rename to src/views/layout/routerView/iframes.vue diff --git a/vue-admin-wonderful-next/src/views/layout/routerView/link.vue b/src/views/layout/routerView/link.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/routerView/link.vue rename to src/views/layout/routerView/link.vue diff --git a/vue-admin-wonderful-next/src/views/layout/routerView/parent.vue b/src/views/layout/routerView/parent.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/layout/routerView/parent.vue rename to src/views/layout/routerView/parent.vue diff --git a/vue-admin-wonderful-next/src/views/limits/backEnd/page/index.vue b/src/views/limits/backEnd/page/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/limits/backEnd/page/index.vue rename to src/views/limits/backEnd/page/index.vue diff --git a/vue-admin-wonderful-next/src/views/limits/frontEnd/btn/index.vue b/src/views/limits/frontEnd/btn/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/limits/frontEnd/btn/index.vue rename to src/views/limits/frontEnd/btn/index.vue diff --git a/vue-admin-wonderful-next/src/views/limits/frontEnd/page/index.vue b/src/views/limits/frontEnd/page/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/limits/frontEnd/page/index.vue rename to src/views/limits/frontEnd/page/index.vue diff --git a/vue-admin-wonderful-next/src/views/login/component/account.vue b/src/views/login/component/account.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/login/component/account.vue rename to src/views/login/component/account.vue diff --git a/vue-admin-wonderful-next/src/views/login/component/mobile.vue b/src/views/login/component/mobile.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/login/component/mobile.vue rename to src/views/login/component/mobile.vue diff --git a/vue-admin-wonderful-next/src/views/login/index.vue b/src/views/login/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/login/index.vue rename to src/views/login/index.vue diff --git a/vue-admin-wonderful-next/src/views/menu/menu1/menu11/index.vue b/src/views/menu/menu1/menu11/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/menu/menu1/menu11/index.vue rename to src/views/menu/menu1/menu11/index.vue diff --git a/vue-admin-wonderful-next/src/views/menu/menu1/menu12/menu121/index.vue b/src/views/menu/menu1/menu12/menu121/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/menu/menu1/menu12/menu121/index.vue rename to src/views/menu/menu1/menu12/menu121/index.vue diff --git a/vue-admin-wonderful-next/src/views/menu/menu1/menu12/menu122/index.vue b/src/views/menu/menu1/menu12/menu122/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/menu/menu1/menu12/menu122/index.vue rename to src/views/menu/menu1/menu12/menu122/index.vue diff --git a/vue-admin-wonderful-next/src/views/menu/menu1/menu13/index.vue b/src/views/menu/menu1/menu13/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/menu/menu1/menu13/index.vue rename to src/views/menu/menu1/menu13/index.vue diff --git a/vue-admin-wonderful-next/src/views/menu/menu2/index.vue b/src/views/menu/menu2/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/menu/menu2/index.vue rename to src/views/menu/menu2/index.vue diff --git a/vue-admin-wonderful-next/src/views/pages/index.vue b/src/views/pages/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/pages/index.vue rename to src/views/pages/index.vue diff --git a/vue-admin-wonderful-next/src/views/personal/index.vue b/src/views/personal/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/personal/index.vue rename to src/views/personal/index.vue diff --git a/vue-admin-wonderful-next/src/views/personal/mock.ts b/src/views/personal/mock.ts similarity index 100% rename from vue-admin-wonderful-next/src/views/personal/mock.ts rename to src/views/personal/mock.ts diff --git a/vue-admin-wonderful-next/src/views/system/menu/index.vue b/src/views/system/menu/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/system/menu/index.vue rename to src/views/system/menu/index.vue diff --git a/vue-admin-wonderful-next/src/views/system/user/index.vue b/src/views/system/user/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/system/user/index.vue rename to src/views/system/user/index.vue diff --git a/vue-admin-wonderful-next/src/views/tools/index.vue b/src/views/tools/index.vue similarity index 100% rename from vue-admin-wonderful-next/src/views/tools/index.vue rename to src/views/tools/index.vue diff --git a/vue-admin-wonderful-next/tsconfig.json b/tsconfig.json similarity index 100% rename from vue-admin-wonderful-next/tsconfig.json rename to tsconfig.json diff --git a/vue-admin-wonderful-next/vite.config.ts b/vite.config.ts similarity index 100% rename from vue-admin-wonderful-next/vite.config.ts rename to vite.config.ts diff --git a/vue-admin-wonderful-next-docs/.gitignore b/vue-admin-wonderful-next-docs/.gitignore deleted file mode 100644 index 595e215..0000000 --- a/vue-admin-wonderful-next-docs/.gitignore +++ /dev/null @@ -1,12 +0,0 @@ -pids -logs -node_modules -npm-debug.log -coverage/ -run -dist -.DS_Store -.nyc_output -.basement -config.local.js -basement_dist diff --git a/vue-admin-wonderful-next-docs/README.md b/vue-admin-wonderful-next-docs/README.md deleted file mode 100644 index 0fadcbb..0000000 --- a/vue-admin-wonderful-next-docs/README.md +++ /dev/null @@ -1,13 +0,0 @@ -# vue-admin-wonderful-next-docs - -> 这是vue3.0 + vite + element plus + typeScript开发文档 - -## Development - -```bash -yarn dev -yarn build -``` - -For more details, please head VuePress's [documentation](https://v1.vuepress.vuejs.org/). - diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/components/Foo/Bar.vue b/vue-admin-wonderful-next-docs/docs/.vuepress/components/Foo/Bar.vue deleted file mode 100644 index 7ee8286..0000000 --- a/vue-admin-wonderful-next-docs/docs/.vuepress/components/Foo/Bar.vue +++ /dev/null @@ -1,15 +0,0 @@ - - - diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/components/OtherComponent.vue b/vue-admin-wonderful-next-docs/docs/.vuepress/components/OtherComponent.vue deleted file mode 100644 index 1d97c7c..0000000 --- a/vue-admin-wonderful-next-docs/docs/.vuepress/components/OtherComponent.vue +++ /dev/null @@ -1,3 +0,0 @@ - diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/components/demo-component.vue b/vue-admin-wonderful-next-docs/docs/.vuepress/components/demo-component.vue deleted file mode 100644 index 7d49de7..0000000 --- a/vue-admin-wonderful-next-docs/docs/.vuepress/components/demo-component.vue +++ /dev/null @@ -1,15 +0,0 @@ - - - diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/config.js b/vue-admin-wonderful-next-docs/docs/.vuepress/config.js deleted file mode 100644 index b85cabf..0000000 --- a/vue-admin-wonderful-next-docs/docs/.vuepress/config.js +++ /dev/null @@ -1,126 +0,0 @@ -const { description } = require('../../package') - -module.exports = { - devServer: { - open: true - }, - host: "localhost", - port: 8085, - /** - * Ref：https://v1.vuepress.vuejs.org/config/#title - */ - title: 'vue-admin-wonderful-next-docs', - /** - * Ref：https://v1.vuepress.vuejs.org/config/#description - */ - description: description, - - /** - * Extra tags to be injected to the page HTML `` - * - * ref：https://v1.vuepress.vuejs.org/config/#head - */ - head: [ - ['meta', { name: 'theme-color', content: '#3eaf7c' }], - ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }], - ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }], - ['link', { rel: 'shortcut icon', type: 'image/x-icon', href: '' }] - ], - - /** - * Theme configuration, here is the default theme configuration for VuePress. - * - * ref：https://v1.vuepress.vuejs.org/theme/default-theme-config.html - */ - themeConfig: { - smoothScroll: true, - repo: '', - editLinks: false, - docsDir: '', - editLinkText: '', - lastUpdated: false, - nav: [ - { - text: '指南', - link: '/guide/', - }, - { - text: '配置', - link: '/config/' - }, - { - text: '主题', - link: '/theme/' - }, - { - text: '更新记录', - link: '/update/' - }, - { - text: 'vsCode', - link: '/vsCode/' - }, - { - text: '代码仓库', - items: [ - { - text: 'github（国外）', - items: [ - { - text: 'vue-admin-wonderful（2.x版本）', - link: '11' - }, - { - text: 'vue-admin-wonderful-next（3.x版本）', - link: '12' - } - ] - }, - { - text: 'gitee（国内）', - items: [ - { - text: 'vue-admin-wonderful（2.x版本）', - link: '13' - }, - { - text: 'vue-admin-wonderful-next（3.x版本）', - link: '14' - } - ] - } - ] - } - ], - sidebar: { - '/guide/': [ - { - title: '指南', - collapsable: false, - children: [ - '', - 'using-vue', - ] - } - ], - '/config/': [ - { - title: '配置', - collapsable: false, - children: [ - '', - 'other' - ] - } - ], - } - }, - - /** - * Apply plugins，ref：https://v1.vuepress.vuejs.org/zh/plugin/ - */ - plugins: [ - '@vuepress/plugin-back-to-top', - '@vuepress/plugin-medium-zoom', - ] -} diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/enhanceApp.js b/vue-admin-wonderful-next-docs/docs/.vuepress/enhanceApp.js deleted file mode 100644 index 8452a86..0000000 --- a/vue-admin-wonderful-next-docs/docs/.vuepress/enhanceApp.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Client app enhancement file. - * - * https://v1.vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements - */ - -export default ({ - Vue, // the version of Vue being used in the VuePress app - options, // the options for the root Vue instance - router, // the router instance for the app - siteData // site metadata -}) => { - // ...apply enhancements for the site. -} diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/styles/index.styl b/vue-admin-wonderful-next-docs/docs/.vuepress/styles/index.styl deleted file mode 100644 index 420feb9..0000000 --- a/vue-admin-wonderful-next-docs/docs/.vuepress/styles/index.styl +++ /dev/null @@ -1,8 +0,0 @@ -/** - * Custom Styles here. - * - * ref：https://v1.vuepress.vuejs.org/config/#index-styl - */ - -.home .hero img - max-width 450px!important diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/styles/palette.styl b/vue-admin-wonderful-next-docs/docs/.vuepress/styles/palette.styl deleted file mode 100644 index 6490cb3..0000000 --- a/vue-admin-wonderful-next-docs/docs/.vuepress/styles/palette.styl +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Custom palette here. - * - * ref：https://v1.vuepress.vuejs.org/zh/config/#palette-styl - */ - -$accentColor = #3eaf7c -$textColor = #2c3e50 -$borderColor = #eaecef -$codeBgColor = #282c34 diff --git a/vue-admin-wonderful-next-docs/docs/README.md b/vue-admin-wonderful-next-docs/docs/README.md deleted file mode 100644 index a419ffa..0000000 --- a/vue-admin-wonderful-next-docs/docs/README.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -home: true -heroImage: https://v1.vuepress.vuejs.org/hero.png -heroText: vue-admin-wonderful -tagline: 这是 vue3.x Composition API + vite + element plus + typescript 的开发文档 -actionText: 快速上手 → -actionLink: /guide/ -features: -- title: 全注释 - details: 代码方法全有注释，方便理解。 -- title: 多版本 - details: 有pro版本，也有基础版本，适当选择。 -- title: 解疑问 - details: 加群解答探讨开发中遇到的各种问题。 -footer: Made by lyt with ❤️ ---- \ No newline at end of file diff --git a/vue-admin-wonderful-next-docs/docs/config/README.md b/vue-admin-wonderful-next-docs/docs/config/README.md deleted file mode 100644 index 7b8748a..0000000 --- a/vue-admin-wonderful-next-docs/docs/config/README.md +++ /dev/null @@ -1,365 +0,0 @@ -# 手把手创建 vue3.x vite 项目 - -## 安装 vite - -```bash -# 全局安装 vite -npm install create-vite-app -g - -# 创建项目，xxx 为项目名称 -create-vite-app xxx - -# 进入目录 -cd xxx - -# 安装依赖 -npm install - -# 运行 -npm run dev -``` - - -## 配置 vite -在项目根目录中创建一个 `vite.config.js` 或 `vite.config.ts` 文件（与vue.config.js一样）。如果在当前工作目录中找到 `Vite`，它将自动使用它。 - -- github `config.ts` 配置参考(失效0.x 版本)：[https://github.com/vitejs/vite/blob/master/src/node/config.ts](https://github.com/vitejs/vite/blob/master/src/node/config.ts) -- vite最新文档（英文）：[https://vitejs.dev/index.html](https://vitejs.dev/index.html) - -配置 `vite.config.ts`： -```ts -import type { UserConfig } from 'vite' - -const viteConfig: UserConfig = { - server: { - port: 8080, // 端口号g - hostname: 'localhost', // 主机名 - open: true // 运行自动打开浏览器 - } -} - -export default viteConfig -``` - -:::tip vite 配置参考 -- github：[github/vite/config.ts](https://github.com/vitejs/vite/blob/73196e517643af88a790ab5222d3e6b68dbbf987/packages/vite/src/node/config.ts) -- issues：[https://github.com/vitejs/vite/issues/1467](https://github.com/vitejs/vite/issues/1467) -- plugin-vue：[@vitejs/plugin-vue](@vitejs/plugin-vue) -- plugins：[alias#entries](https://github.com/rollup/plugins/tree/master/packages/alias#entries) -::: - - -## 安装 typescript -#### 1、安装 - -```bash -# 安装 -cnpm install typescript --save-dev - -# 初始化 tsconfig.json，注意初始化时与安装 typescript 同级（项目根目录） -npx tsc --init -``` - -npm 安装依赖 `dependencies` 和 `devDependencies` 的区别： -- `dependencies`：是需要发布到生产环境的 -- `devDependencies`：里面的插件只用于开发环境，不用于生产环境 - -npm 安装方式： -- `dependencies`：npm install 依赖名称 --save -- `devDependencies`：npm install 依赖名称 --save-dev - -其它说明： -- `dependencies`：插件不管你引不引入都会打包到文件中去 -- `devDependencies`：若文件中 import 引入 devDependencies 中插件，依然会把当前引入的插件打包到文件中，不引入则不打包 - -#### 2、改成 `.ts` 后缀 -将 `main.js` 修改为 `main.ts`，同时将 `index.html` 里面的引用也修改为 `main.ts`，然后在 `script` 里添加 `lang="ts"` - -index.html -```html - - - - - - - Vite App - - -
- - - -``` - -app.vue -```html - - - - -``` - -#### 3、出现问题：找不到模块 `./App.vue` 或其相应的类型声明 -打开 main.ts 会发现 `import App from App.vue` 会报错: 找不到模块 `./App.vue` 或其相应的类型声明，这是因为现在 ts 还没有识别 vue 文件，需要进行下面的配置： - -在项目根目录添加 `shim.d.ts` 文件： - -```js -declare module "*.vue" { - import { Component } from "vue" - const component: Component - export default component -} -``` - -#### 4、出现问题：安装了 `Vetur` 的话，出现 `[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin-vue` 的警告 - -处理方法：关闭了 `Vetur`，Vetur认为这是 Vue 2项目，因为它位于VS Code工作区中。 - -::: warning 提示 -参考顶部 `vsCode` 链接中，打开 `首选项 - 设置 - settings.json` -::: - -```json -"vetur.validation.template": false, -"vetur.validation.script": false, -"vetur.validation.style": false, -``` - - -## 安装 element-plus -`element-plus` 官网：[https://element-plus.gitee.io/#/zh-CN](https://element-plus.gitee.io/#/zh-CN) - -#### 1、npm 安装 - -```bash -npm install element-plus --save -``` - -#### 2、CDN - -```html - - - - -``` - -#### 3、引入 Element Plus - -```ts -import { createApp } from 'vue' -import App from './App.vue' -import './index.css' - -import ElementPlus from 'element-plus'; -import 'element-plus/lib/theme-chalk/index.css'; - -const app = createApp(App) -app.use(ElementPlus) -app.mount('#app') -``` - - -## 安装 sass sass-loader -::: tip 提示 -安装完成不用配置，经过本地测试，可以直接使用。 -::: - -```bash -cnpm install sass sass-loader --save-dev -``` - - -## 自定义 Element Plus 主题 -Element Plus 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了 SCSS，那么可以直接在项目中改变 Element Plus 的样式变量。新建一个样式文件，例如 `element-variables.scss`，写入以下内容： -#### 1、element-variables.scss -`404问题`：[在vite当中使用主题，字体路径的 ~ 无法正常解析，build和dev均报错](https://github.com/element-plus/element-plus/issues/958)临时处理：把字体文件复制到src下了，用相对路径引入。 - -::: warning 提示 -由于 vite 目前（2020.12.17）不支持 [自定义主题 Element Plus](https://element-plus.org/#/zh-CN/component/custom-theme) 文档中的写法，若强行使用打包会出现问题： -::: - -```ts -/* 改变主题色变量 */ -$--color-primary: teal; - -/* 改变 icon 字体路径变量，必需 */ -$--font-path: '~element-plus/lib/theme-chalk/fonts'; - -@import "~element-plus/packages/theme-chalk/src/index"; -``` - -::: tip 提示 -所以采用 CSS3 `:root`（:root 选择器选取文档的根元素） 写法，具体方法我会在顶部导航 `主题` 中进行说明： -::: - -```css -/* 定义一个名为 "--main-bg-color" 的属性，然后使用 var() 函数调用该属性： */ -:root { - --main-bg-color: red; -} - -#div1 { - background-color: var(--main-bg-color); -} - -#div2 { - background-color: var(--main-bg-color); -} -``` - -改变变量的颜色： - -- 1.1、当有内联样式或者 js 设置的值时：`document.documentElement.style.getPropertyValue` 获取到的是实际的值 -- 2.2、当只有 :root 选择器或者 html 选择器时，`document.documentElement.style.getPropertyValue` 获取到的值为空 - -```ts -// 读取变量 -document.documentElement.style.getPropertyValue('--main-bg-color').trim(); - -// 设置变量 -document.documentElement.style.setProperty('--main-bg-color', 'blue'); - -// 删除变量 -document.body.style.removeProperty('--main-bg-color'); -``` - -#### 2、配置目录别名 `@`，方便引用 -在 `vite.config.ts` 中，根据需求自己定义。注意写法 `/@assets/`，键必须以 `/` 斜线开始和结束： - -```ts -import type { UserConfig } from 'vite' -const path = require('path') - -const viteConfig: UserConfig = { - port: 8080, - hostname: 'localhost', - open: true, - alias: { - '/@/': path.resolve(__dirname, './src'), - '/@assets/': path.resolve(__dirname, './src/assets'), - '/@views/': path.resolve(__dirname, './src/views'), - '/@components/': path.resolve(__dirname, './src/components'), - '/@utils/': path.resolve(__dirname, './src/utils') - } -} - -export default viteConfig -``` - -#### 3、页面中使用 -注意 `/@` 写法，一定要以 `/` 开头，否则报 `404` - -```ts -import { createApp } from 'vue' -import App from './App.vue' - -import ElementPlus from 'element-plus'; -import 'element-plus/lib/theme-chalk/index.css'; -import '/@/style/index.css'; - -createApp(App).use(ElementPlus).mount('#app') -``` - -#### 4、动态换肤功能 -使用 `ColorPicker 颜色选择器`：[https://element-plus.gitee.io/#/zh-CN/component/color-picker](https://element-plus.gitee.io/#/zh-CN/component/color-picker)，实现动态换肤功能 - -::: tip 提示 -请移步顶部导航 `主题` 中查看详细内容 -::: - -## 安装 vue-router-next -#### 1、cmd 安装 - -- [vue-router-next 代码仓库（github）](https://github.com/vuejs/vue-router-next) -- [vue-router-next 文档地址](https://next.router.vuejs.org/) - -```bash -cnpm install vue-router@4 --save -``` - -#### 2、页面中使用 - -- 2.1、页面下新增文件夹 `src/router/index.ts` - -index.ts 中写入： - -```ts -import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router" - -const staticRoutes: Array = [ - { - path: '/', - name: 'home', - component: () => import('/@/views/layout/index.vue'), - redirect: '/home', - meta: { - title: '首页' - }, - children: [{ - path: '/home', - name: 'home', - component: () => import('/@/views/home/index.vue'), - meta: { - title: '首页' - } - }] - }, - { - path: '/login', - name: 'login', - component: () => import('/@/views/login/index.vue'), - meta: { - title: '登陆' - } - }, - { - path: '/:pathMatch(.*)', - redirect: '/' - } -] - -const router = createRouter({ - history: createWebHashHistory(), - routes: staticRoutes -}) - -export default router -``` - -- 2.2、main.ts 中引入 `src/router/index.ts` - -```ts -import { createApp } from 'vue' -import App from './App.vue' -import router from './router' - -import ElementPlus from 'element-plus' -import 'element-plus/lib/theme-chalk/index.css' -import '/@/theme/index.scss' -import { locale } from 'element-plus' - -createApp(App).use(router).use(ElementPlus, { locale }).mount('#app') -``` - -- 2.3、页面测试 -地址栏输入 2.1 中的路由地址 `http://localhost:8080/#/login`，出现 `login` 中的文字就证明配置成功了。 - -::: tip 提示 -地址栏带 `#号` 与不带 `#号` ，参考：[next.router history-mode.html](https://next.router.vuejs.org/guide/essentials/history-mode.html) - -访问路由器和内部的当前路由 setup：[Vue路由器和Composition API](https://next.router.vuejs.org/guide/advanced/composition-api.html#accessing-the-router-and-current-route-inside-setup) -::: \ No newline at end of file diff --git a/vue-admin-wonderful-next-docs/docs/config/other.md b/vue-admin-wonderful-next-docs/docs/config/other.md deleted file mode 100644 index a9322ef..0000000 --- a/vue-admin-wonderful-next-docs/docs/config/other.md +++ /dev/null @@ -1,101 +0,0 @@ -# 其它问题 - -## 批量更新 package.json - -我们想用各个依赖包的最新版本。如果手动去修改 `dependencies、devDependencies` 中各个包的版本号，那就太麻烦了，借助 `npm-check-updates` 工具可以很方便的将 `package.json` 中的依赖包版本号更新为最新版本。 - -::: tip 提示 -以下命令都是在 cmd 中执行： -::: - -```bash -# 1、安装 -cnpm install -g npm-check-updates - -# 2、检查 package.json 中是否有更新 -ncu - -# 3、更新依赖到最新版本 or 更新全部 ncu -a -ncu -u -``` - -## 更新(升级) vite 2.0 后遇到的问题 - -- vite文档（英文）：[https://vitejs.dev/index.html](https://vitejs.dev/index.html) -- vite文档（中文非官方）：[https://vite-design.surge.sh/guide/chinese-doc.html](https://vite-design.surge.sh/guide/chinese-doc.html) - -`vue.config.js` 配置改变： -#### 1、之前 1.x： - -```ts -import type { UserConfig } from 'vite' -import { resolve } from 'path' -import { loadEnv } from './build/utils' - -const pathResolve = (dir: string): any => { - return resolve(__dirname, '.', dir) -} - -const alias: Record = { - '/@/': pathResolve('src') -} - -const { VITE_PORT, VITE_PUBLIC_PATH, VITE_OPEN } = loadEnv() - -const root: string = process.cwd() - -const viteConfig: UserConfig = { - root, - alias, - outDir: 'dist', - minify: 'esbuild', - port: VITE_PORT, - open: VITE_OPEN, - base: process.env.NODE_ENV === "production" ? "./" : VITE_PUBLIC_PATH, - optimizeDeps: { - include: ['element-plus/lib/locale/lang/zh-cn'] - } -} - -export default viteConfig -``` - -#### 2、现在 2.x：`alias、server、build` - -:::tip 提示 -需要安装 @vitejs/plugin-vue，否则 `.vue` 文件报错。安装命令：`cnpm install @vitejs/plugin-vue --save-dev` -::: - -```ts -import vue from '@vitejs/plugin-vue' -import type { UserConfig } from 'vite' -import { loadEnv } from './build/utils' - -const { VITE_PORT, VITE_PUBLIC_PATH, VITE_OPEN } = loadEnv() - -const viteConfig: UserConfig = { - plugins: [vue()], - root: process.cwd(), - alias: [ - { - find: /^\/@\//, - replacement: '/src/' - } - ], - base: process.env.NODE_ENV === "production" ? VITE_PUBLIC_PATH : './', - optimizeDeps: { - include: ['element-plus/lib/locale/lang/zh-cn'] - }, - server: { - port: VITE_PORT, - open: VITE_OPEN - }, - build: { - outDir: 'dist', - minify: 'esbuild', - sourcemap: false - } -} - -export default viteConfig -``` \ No newline at end of file diff --git a/vue-admin-wonderful-next-docs/docs/guide/README.md b/vue-admin-wonderful-next-docs/docs/guide/README.md deleted file mode 100644 index 9ea8c41..0000000 --- a/vue-admin-wonderful-next-docs/docs/guide/README.md +++ /dev/null @@ -1,20 +0,0 @@ -# Introduction - -VuePress is composed of two parts: a [minimalistic static site generator](https://github.com/vuejs/vuepress/tree/master/packages/%40vuepress/core) with a Vue-powered [theming system](https://v1.vuepress.vuejs.org/theme/) and [Plugin API](https://v1.vuepress.vuejs.org/plugin/), and a [default theme](https://v1.vuepress.vuejs.org/theme/default-theme-config.html) optimized for writing technical documentation. It was created to support the documentation needs of Vue's own sub projects. - -Each page generated by VuePress has its own pre-rendered static HTML, providing great loading performance and is SEO-friendly. Once the page is loaded, however, Vue takes over the static content and turns it into a full Single-Page Application (SPA). Additional pages are fetched on demand as the user navigates around the site. - -帮助你获取最新的开发文档： - -- [vue3.0 中文文档地址]: https://vue3js.cn/docs/zh/ -- [element-plus 中文文档地址]: https://element-plus.org/#/zh-CN -- [composition-Api 中文文档地址]: https://composition-api.vuejs.org/zh/ -- [vue-router-next 文档地址]: https://next.router.vuejs.org/ -- [next.vuex 文档地址]: https://next.vuex.vuejs.org/ -- [vite 源码]: https://github.com/vitejs/vite -- [vite 中文文档地址（非官方版本）]: https://vite-design.surge.sh/guide/chinese-doc.html -- [vue-i18n-next]: https://vue-i18n-next.intlify.dev/ -- [composition-api-vue-i18n-next]: https://vue-i18n-next.intlify.dev/advanced/composition.html#local-scope -- [https://vitepress.vuejs.org/]: https://vitepress.vuejs.org/ - -- [https://vitejs.dev/]: vite文档 \ No newline at end of file diff --git a/vue-admin-wonderful-next-docs/docs/guide/using-vue.md b/vue-admin-wonderful-next-docs/docs/guide/using-vue.md deleted file mode 100644 index 3790842..0000000 --- a/vue-admin-wonderful-next-docs/docs/guide/using-vue.md +++ /dev/null @@ -1,8 +0,0 @@ -# Using Vue in Markdown - -## Browser API Access Restrictions - -Because VuePress applications are server-rendered in Node.js when generating static builds, any Vue usage must conform to the [universal code requirements](https://ssr.vuejs.org/en/universal.html). In short, make sure to only access Browser / DOM APIs in `beforeMount` or `mounted` hooks. - -If you are using or demoing components that are not SSR friendly (for example containing custom directives), you can wrap them inside the built-in `` component: - diff --git a/vue-admin-wonderful-next-docs/docs/theme/README.md b/vue-admin-wonderful-next-docs/docs/theme/README.md deleted file mode 100644 index c16f6e3..0000000 --- a/vue-admin-wonderful-next-docs/docs/theme/README.md +++ /dev/null @@ -1,176 +0,0 @@ ---- -sidebar: auto ---- -# 主题设置 - -## 目录结构 -#### `src/theme` 下，后期继续补充，样式都会写在这个文件夹下： - -```ts -├── theme - ├── common - │ ├── transition.scss (页面过渡动画) - │ └── var.scss (全局主题样式，用于全局改变样式) - │ - ├── mixins - │ ├── element-mixins.scss (定义重置的element plus混入复用样式) - │ ├── function.scs (全局主题颜色调用混入函数) - │ └── mixins.scss (定义一些常用的全局混入样式) - │ - ├── app.scss (页面主样式，用于重置浏览器默认样式) - ├── base.scss (基础样式、过渡动画等) - ├── element.scss (重置的element plus样式，用于改变主题) - ├── index.scss (页面样式出口) - └── media.scss (手机适配样式) -``` - - -## scss 部分函数说明 -#### 1、scss @mixin -[scss官方中文文档](https://www.sass.hk/docs/)，具体请查阅官方文档。使用方法： - -- 1.1 定义 - -```scss -/* Button 按钮 -------------------------------- */ -@mixin Button($main, $c1, $c2) { - color: set-color($main); - background: set-color($c1); - border-color: set-color($c2); -} -``` - -- 1.2 页面中使用，先引入，然后在 `css` 类中通过 `@include` 使用 - -```scss -@import 'mixins/element-mixins.scss'; - -// default -.el-button--default:hover, -.el-button--default:focus { - @include Button(primary, primary-light-8, primary-light-6); -} -``` - -#### 2、scss @function - -- 2.1 定义函数 - -```scss -/* 颜色调用函数 -------------------------------- */ -@function set-color($key) { - @return var(--color-#{$key}); -} -``` - -- 2.2 不理解？请看这个 `css3 :root` [CSS var() 函数](https://www.runoob.com/cssref/func-var.html) - -```scss -/* 定义一个名为 "--main-bg-color" 的属性，然后使用 var() 函数调用该属性： */ -:root { - --main-bg-color: red; -} - -#div1 { - background-color: var(--main-bg-color); -} - -#div2 { - background-color: var(--main-bg-color); -} -``` - -#### 3、为什么不使用这种写法放进 :root 中？ - -```scss -$colors: ( - primary: #409eff, - success: #67c23a, - info: #909399, - warning: #e6a23c, - danger: #f56c6c -) - -:root { - @each $key, $value in $colors { - --color-#{$key}: #{$value}; - } -} -``` - -- 因为 scss 不支持这种嵌套 `mix(var(--color-primary), var(--color-success), 10%)`，lighten / darken / saturate / desaturate 等，从而无法用 -- 从而无法用 `document.documentElement.style.setProperty('--color-primary', 'blue');` 改变样式 - - -## 具体实现自定义全局主题 - -实现方法，以下方法不晓得会不会影响页面渲染性能： - -- 1、定义全局 :root 初始变量，路径：`src/theme/common/var.scss` -- 2、编写覆盖 element plus 的样式：路径：`src/theme/element.scss` -- 3、页面通过 `document.documentElement.style.setProperty` 方法改变 `:root` 中的值 - -::: tip 提示 -第一第二步就不介绍了，直接去路径去看就懂了。接下来我们讲讲第三步： -::: - -#### 1、通过 `document.documentElement.style.setProperty` 改变颜色值 [setProperty 文档](https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleDeclaration/setProperty) - -```ts -// setup 中 -import { reactive, toRefs } from "vue" - -export defalut { - setup() { - const state = reactive({ - color: '' - }) - function colorChange() { - // 设置颜色 - document.documentElement.style.setProperty( - "--color-primary", - state.color - ) - // 设置颜色变浅 - document.documentElement.style.setProperty( - "--color-primary-light-1", - getLightColor(state.color1, 0.1) - ) - } - return { - colorChange, - ...toRefs(state) - } - } -} -``` - -#### 2、getLightColor 颜色变浅方法 - -路径在：`src/utils/theme.ts` - -```ts -// 变浅颜色值，level为加深的程度，限0-1之间 -export function getLightColor(color: any, level: number) { - let reg = /^\#?[0-9A-F]{6}$/; - if (!reg.test(color)) return ElMessage({type:'warning',message:"输入错误的hex颜色值"}); - let rgb = hexToRgb(color); - for (let i = 0; i < 3; i++) rgb[i] = Math.floor((255 - rgb[i]) * level + rgb[i]); - return rgbToHex(rgb[0], rgb[1], rgb[2]); -} -``` - -#### 3、到此就完成了主题的全局变色了 - -::: tip 还有疑问？ -总的来说，就是通过重新定义 `css` 样式，用来覆盖 [element-plus](https://element-plus.gitee.io/#/zh-CN/component/changelog) 默认的样式，从而实现全局主题变色。 -::: - -## 其它方法实现全局主题 - -- 参考 `花裤衩大佬`：[手摸手，带你用vue撸后台 系列三(实战篇)](https://segmentfault.com/a/1190000009762198#articleHeader2) -- vue-element-admin：[https://github.com/PanJiaChen/vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) - - diff --git a/vue-admin-wonderful-next-docs/docs/update/README.md b/vue-admin-wonderful-next-docs/docs/update/README.md deleted file mode 100644 index f91d9b0..0000000 --- a/vue-admin-wonderful-next-docs/docs/update/README.md +++ /dev/null @@ -1,27 +0,0 @@ ---- -sidebar: auto ---- -# 更新日志 -## 2020-12-25 -- 新增 路由配置及编写对应开发文档 - -## 2020-12-22 -- 处理 [element-plus](https://element-plus.gitee.io/#/zh-CN/component/icon) 打包后字体图标 404 问题 -- 编写 对应 `3.x` 主题文档编写 - -## 2020-12-17 -- 处理打包报错问题，找了好几天，加上白天上班没时间 - -## 2020-12-13 -- 网修好了，电脑也好了，风停了，雨也停了，可以愉快的继续开发了。:smile: :smile: :muscle: -- 新增 安装 element-plus 框架，处理自定义主题问题，由于 vite 目前(2020-12-13)不支持 [element-plus 官方文档自定义主题](https://element-plus.org/#/zh-CN/component/custom-theme) `~` 引入写法，改用 css3 :root 写法。这是一个坑，我蹲了好久 :smile: -- 新增 对应编写相关文档 - -## 2020-12-09 -- 由于晚上下班回到去 :crescent_moon: ，没有网（电信线路坏），暂停开发。顺便把电脑修了 :watermelon: :joy: :joy: -- 因为是晚上下班回去 :crescent_moon: 才开发，所以开发的有点慢 - -## 2020-12-08 -- 创建 vue-admin-wonderful-next目录，包含主体项目、文档、图片库 -- 说明 该项目基于 [vue3.x](https://github.com/vuejs/vue-next)、[vite](https://github.com/vitejs/vite)、[typescript](https://github.com/microsoft/TypeScript)、[element-plus](https://github.com/element-plus/element-plus) - diff --git a/vue-admin-wonderful-next-docs/docs/vsCode/README.md b/vue-admin-wonderful-next-docs/docs/vsCode/README.md deleted file mode 100644 index 58efb4a..0000000 --- a/vue-admin-wonderful-next-docs/docs/vsCode/README.md +++ /dev/null @@ -1,80 +0,0 @@ ---- -sidebar: auto ---- -# visualstudio - -[官网：https://code.visualstudio.com/](https://code.visualstudio.com/) - -## 首选项 - 设置 - settings.json - -```json -{ - // 使用单引号替代双引号 - "prettier.singleQuote": true, - // 这个按用户自身习惯选择 - "vetur.format.defaultFormatter.html": "js-beautify-html", - "vetur.format.defaultFormatter.js": "vscode-typescript", - "vetur.format.defaultFormatterOptions": { - "js-beautify-html": { - "wrap_line_length": 120, - "wrap_attributes": "auto", - "end_with_newline": false - } - }, - "workbench.iconTheme": "material-icon-theme", - "[vue]": { - "editor.defaultFormatter": "octref.vetur" - }, - "[scss]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[jsonc]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[javascript]": { - "editor.defaultFormatter": "vscode.typescript-language-features" - }, - "[html]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "backgroundCover.imagePath": "c:\\Users\\Administrator\\Desktop\\文档\\2023154.jpg", - "search.followSymlinks": false, - "backgroundCover.opacity": 0.5, - "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe" -} -``` - -## vsCode 插件 -1. Auto Close Tag -1. Auto Rename Tag -1. background-cover -1. Bracket Pair Colorizer -1. Chinese (Simplified) Language Pack for Visual Studio Code -1. Color Info -1. Community Material Theme -1. Debugger for Chrome -1. filesize -1. GitLens — Git supercharged -1. HTML Boilerplate -1. HTML CSS Support -1. HTML Snippets -1. HTMLHint -1. Icon Fonts -1. JavaScript (ES6) code snippets -1. markdown-formatter -1. Material Icon Theme -1. Material Theme -1. Material Theme Icons -1. open in browser -1. Path Intellisense -1. Prettier - Code formatter -1. Vetur - -## 图文步骤 - -#### 1、打开设置 -

-

- -#### 2、安装插件 -

\ No newline at end of file diff --git a/vue-admin-wonderful-next-docs/package.json b/vue-admin-wonderful-next-docs/package.json deleted file mode 100644 index d472023..0000000 --- a/vue-admin-wonderful-next-docs/package.json +++ /dev/null @@ -1,21 +0,0 @@ -{ - "name": "vue-admin-wonderful-next-docs", - "version": "0.0.1", - "description": "这是vue3.0 + vite + element plus + typeScript开发文档", - "main": "index.js", - "authors": { - "name": "lyt", - "email": "1105290566@qq.com" - }, - "repository": "https://gitee.com/lyt-top/vue-admin-wonderful-next-docs.git/vue-admin-wonderful-next-docs", - "scripts": { - "dev": "vuepress dev docs", - "build": "vuepress build docs" - }, - "license": "MIT", - "devDependencies": { - "vuepress": "^1.3.1", - "@vuepress/plugin-back-to-top": "^1.3.1", - "@vuepress/plugin-medium-zoom": "^1.3.1" - } -} diff --git a/vue-admin-wonderful-next-images/docs/create-project/bash1.png b/vue-admin-wonderful-next-images/docs/create-project/bash1.png deleted file mode 100644 index 9b224be..0000000 Binary files a/vue-admin-wonderful-next-images/docs/create-project/bash1.png and /dev/null differ diff --git a/vue-admin-wonderful-next-images/docs/create-project/bash2.png b/vue-admin-wonderful-next-images/docs/create-project/bash2.png deleted file mode 100644 index a4e8470..0000000 Binary files a/vue-admin-wonderful-next-images/docs/create-project/bash2.png and /dev/null differ diff --git a/vue-admin-wonderful-next-images/docs/home/hero.png b/vue-admin-wonderful-next-images/docs/home/hero.png deleted file mode 100644 index ac6beaf..0000000 Binary files a/vue-admin-wonderful-next-images/docs/home/hero.png and /dev/null differ diff --git a/vue-admin-wonderful-next-images/logo/logo-docs-large-element-text.svg b/vue-admin-wonderful-next-images/logo/logo-docs-large-element-text.svg deleted file mode 100644 index cfc9aec..0000000 --- a/vue-admin-wonderful-next-images/logo/logo-docs-large-element-text.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-docs-large-element.svg b/vue-admin-wonderful-next-images/logo/logo-docs-large-element.svg deleted file mode 100644 index 928cfa8..0000000 --- a/vue-admin-wonderful-next-images/logo/logo-docs-large-element.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-docs-large-vue-text.svg b/vue-admin-wonderful-next-images/logo/logo-docs-large-vue-text.svg deleted file mode 100644 index 9d39a86..0000000 --- a/vue-admin-wonderful-next-images/logo/logo-docs-large-vue-text.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-docs-large-vue.svg b/vue-admin-wonderful-next-images/logo/logo-docs-large-vue.svg deleted file mode 100644 index 193a9d9..0000000 --- a/vue-admin-wonderful-next-images/logo/logo-docs-large-vue.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-element.svg b/vue-admin-wonderful-next-images/logo/logo-element.svg deleted file mode 100644 index aaa774c..0000000 --- a/vue-admin-wonderful-next-images/logo/logo-element.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-vue.svg b/vue-admin-wonderful-next-images/logo/logo-vue.svg deleted file mode 100644 index 6d3b6b7..0000000 --- a/vue-admin-wonderful-next-images/logo/logo-vue.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-web-element.svg b/vue-admin-wonderful-next-images/logo/logo-web-element.svg deleted file mode 100644 index 6e08cae..0000000 --- a/vue-admin-wonderful-next-images/logo/logo-web-element.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-web-vue.svg b/vue-admin-wonderful-next-images/logo/logo-web-vue.svg deleted file mode 100644 index 331a341..0000000 --- a/vue-admin-wonderful-next-images/logo/logo-web-vue.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-web-white.svg b/vue-admin-wonderful-next-images/logo/logo-web-white.svg deleted file mode 100644 index 1a4d3ac..0000000 --- a/vue-admin-wonderful-next-images/logo/logo-web-white.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/user/photo.jpg b/vue-admin-wonderful-next-images/user/photo.jpg deleted file mode 100644 index 6c99ab7..0000000 Binary files a/vue-admin-wonderful-next-images/user/photo.jpg and /dev/null differ diff --git a/vue-admin-wonderful-next/public/favicon.ico b/vue-admin-wonderful-next/public/favicon.ico deleted file mode 100644 index 9b56b38..0000000 Binary files a/vue-admin-wonderful-next/public/favicon.ico and /dev/null differ diff --git a/vue-admin-wonderful-next/public/loading.css b/vue-admin-wonderful-next/public/loading.css deleted file mode 100644 index 1c96715..0000000 --- a/vue-admin-wonderful-next/public/loading.css +++ /dev/null @@ -1 +0,0 @@ -.loading-next{width:100%;height:100%}.loading-next .loading-next-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-next-box .loading-animation{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center}.loading-animation .loading-animation-box{display:block;font-size:0;color:#fff;position:relative;width:64px;height:64px}.loading-animation-box>div:nth-child(1){top:-25%;z-index:1;height:100%;border-radius:10%;animation:loading-animation .6s -0.1s linear infinite;background-color:#409eff}@keyframes loading-animation{15%{border-bottom-right-radius:10%}25%{transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;transform:translateY(50%) scale(1,0.9) rotate(45deg)}75%{transform:translateY(25%) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}.loading-animation-box>div:nth-child(2){height:10%;background:#000;border-radius:50%;opacity:.2;animation:loading-animation-shadow .6s -0.1s linear infinite;position:absolute;left:0;width:100%;bottom:-40%}@keyframes loading-animation-shadow{50%{transform:scale(1.25,1)}} \ No newline at end of file diff --git a/vue-admin-wonderful-next/src/assets/logo-docs-mini.svg b/vue-admin-wonderful-next/src/assets/logo-docs-mini.svg deleted file mode 100644 index ab8733d..0000000 --- a/vue-admin-wonderful-next/src/assets/logo-docs-mini.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - \ No newline at end of file