From 27f600c4677afeacd3e67f189df139db5cde0aa3 Mon Sep 17 00:00:00 2001 From: Soybean Date: Tue, 16 Nov 2021 22:16:51 +0800 Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E6=B7=BB=E5=8A=A0swiper?= =?UTF-8?q?=E6=8F=92=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 + pnpm-lock.yaml | 27 +++++ src/components/custom/GithubLink/index.vue | 9 +- src/components/custom/WebSiteLink/index.vue | 20 ++++ src/components/custom/index.ts | 3 +- src/enum/route.ts | 2 + src/layouts/BasicLayout/index.vue | 17 +-- src/layouts/BlankLayout/index.vue | 2 +- src/main.ts | 1 + src/plugins/assets.ts | 3 + src/router/modules/component.ts | 11 ++ src/views/component/map/index.vue | 5 +- src/views/component/swiper/index.vue | 118 ++++++++++++++++++++ 13 files changed, 197 insertions(+), 22 deletions(-) create mode 100644 src/components/custom/WebSiteLink/index.vue create mode 100644 src/views/component/swiper/index.vue diff --git a/package.json b/package.json index fe519c26..6bd68501 100644 --- a/package.json +++ b/package.json @@ -29,6 +29,7 @@ "naive-ui": "^2.20.2", "pinia": "^2.0.2", "qs": "^6.10.1", + "swiper": "^7.2.0", "vditor": "^3.8.7", "vue": "^3.2.20", "vue-router": "^4.0.11", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ca3e9922..5f948bbd 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -43,6 +43,7 @@ specifiers: qs: ^6.10.1 rollup-plugin-visualizer: ^5.5.2 sass: ^1.43.4 + swiper: ^7.2.0 typescript: ^4.4.4 unplugin-icons: ^0.12.18 unplugin-vue-components: ^0.17.2 @@ -70,6 +71,7 @@ dependencies: naive-ui: registry.npmmirror.com/naive-ui/2.20.2_eslint@8.2.0+vue@3.2.20 pinia: registry.npmmirror.com/pinia/2.0.2_typescript@4.4.4+vue@3.2.20 qs: 6.10.1 + swiper: registry.npmmirror.com/swiper/7.2.0 vditor: registry.npmmirror.com/vditor/3.8.7 vue: registry.npmmirror.com/vue/3.2.20 vue-router: registry.nlark.com/vue-router/4.0.11_vue@3.2.20 @@ -5724,6 +5726,14 @@ packages: version: 1.2.0 engines: {node: '>=0.10.0'} + registry.npmmirror.com/dom7/4.0.1: + resolution: {integrity: sha1-ghIJ3xv9+X3YK1FW5Q98tms/Fmw=, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/dom7/download/dom7-4.0.1.tgz} + name: dom7 + version: 4.0.1 + dependencies: + ssr-window: registry.npmmirror.com/ssr-window/4.0.1 + dev: false + registry.npmmirror.com/downloadjs/1.4.7: resolution: {integrity: sha1-9p+W+UDg0FU9rCkROYZaPNAQHjw=, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/downloadjs/download/downloadjs-1.4.7.tgz} name: downloadjs @@ -6489,6 +6499,12 @@ packages: readable-stream: registry.nlark.com/readable-stream/3.6.0 dev: true + registry.npmmirror.com/ssr-window/4.0.1: + resolution: {integrity: sha1-UUvyyoGVL2P+iOiwxiOiP5D3/rM=, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/ssr-window/download/ssr-window-4.0.1.tgz} + name: ssr-window + version: 4.0.1 + dev: false + registry.npmmirror.com/string-width/4.2.2: resolution: {integrity: sha1-2v1PlVmnWFz7pSnGoKT3NIjr1MU=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/string-width/download/string-width-4.2.2.tgz} name: string-width @@ -6547,6 +6563,17 @@ packages: ansi-regex: registry.nlark.com/ansi-regex/5.0.1 dev: true + registry.npmmirror.com/swiper/7.2.0: + resolution: {integrity: sha1-quK7djJ5hGer1cGrPiRBWYpw29c=, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/swiper/download/swiper-7.2.0.tgz} + name: swiper + version: 7.2.0 + engines: {node: '>= 4.7.0'} + requiresBuild: true + dependencies: + dom7: registry.npmmirror.com/dom7/4.0.1 + ssr-window: registry.npmmirror.com/ssr-window/4.0.1 + dev: false + registry.npmmirror.com/type-fest/0.18.1: resolution: {integrity: sha1-20vBUaSiz07r+a3V23VQjbbMhB8=, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/type-fest/download/type-fest-0.18.1.tgz} name: type-fest diff --git a/src/components/custom/GithubLink/index.vue b/src/components/custom/GithubLink/index.vue index 9cd58861..5e7266ca 100644 --- a/src/components/custom/GithubLink/index.vue +++ b/src/components/custom/GithubLink/index.vue @@ -1,13 +1,10 @@ + diff --git a/src/components/custom/index.ts b/src/components/custom/index.ts index 5acd1d7a..7071344a 100644 --- a/src/components/custom/index.ts +++ b/src/components/custom/index.ts @@ -3,6 +3,7 @@ import IconClose from './IconClose/index.vue'; import ButtonTab from './ButtonTab/index.vue'; import ChromeTab from './ChromeTab/index.vue'; import BetterScroll from './BetterScroll/index.vue'; +import WebSiteLink from './WebSiteLink/index.vue'; import GithubLink from './GithubLink/index.vue'; -export { CountTo, IconClose, ButtonTab, ChromeTab, BetterScroll, GithubLink }; +export { CountTo, IconClose, ButtonTab, ChromeTab, BetterScroll, WebSiteLink, GithubLink }; diff --git a/src/enum/route.ts b/src/enum/route.ts index 17f86f0e..83f28f20 100644 --- a/src/enum/route.ts +++ b/src/enum/route.ts @@ -19,6 +19,7 @@ export enum EnumRoutePath { 'component_editor' = '/component/editor', 'component_editor_quill' = '/component/editor/quill', 'component_editor_markdown' = '/component/editor/markdown', + 'component_swiper' = '/component/swiper', 'multi-menu' = '/multi-menu', 'multi-menu_first' = '/multi-menu/first', 'multi-menu_first_second' = '/multi-menu/first/second', @@ -50,6 +51,7 @@ export enum EnumRouteTitle { 'component_editor' = '编辑器', 'component_editor_quill' = '富文本编辑器', 'component_editor_markdown' = 'markdown编辑器', + 'component_swiper' = 'Swiper插件', 'multi-menu' = '多级菜单', 'multi-menu_first' = '一级菜单', 'multi-menu_first_second' = '二级菜单', diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue index 355b1f49..450fc780 100644 --- a/src/layouts/BasicLayout/index.vue +++ b/src/layouts/BasicLayout/index.vue @@ -1,21 +1,16 @@