From d7b69a8039b6923609e16581b5e989090983eac3 Mon Sep 17 00:00:00 2001 From: xiaohei <11674173+xiaohei102908@user.noreply.gitee.com> Date: Mon, 14 Aug 2023 18:55:27 +0800 Subject: [PATCH] =?UTF-8?q?0814=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- montier/package-lock.json | 47 +++++ montier/package.json | 4 + montier/src/App.vue | 18 +- montier/src/assets/img/01.png | Bin 0 -> 6019 bytes montier/src/assets/img/about.jpg | Bin 0 -> 1349354 bytes montier/src/assets/img/close.svg | 1 + montier/src/assets/img/left.png | Bin 0 -> 1501 bytes montier/src/assets/img/menu.svg | 1 + montier/src/assets/img/page01.png | Bin 0 -> 118257 bytes montier/src/assets/img/page02.png | Bin 0 -> 113426 bytes montier/src/assets/img/page03.png | Bin 0 -> 170130 bytes montier/src/assets/img/page04.png | Bin 0 -> 109641 bytes montier/src/assets/img/page05.png | Bin 0 -> 86704 bytes montier/src/assets/img/right.png | Bin 0 -> 1323 bytes montier/src/components/FooterPage.vue | 349 +++++++++++++++++++++++++++++++++- montier/src/components/HeaderPage.vue | 197 ++++--------------- montier/src/components/Title.vue | 64 +++++++ montier/src/main.ts | 2 + montier/src/pages/AboutMontieri.vue | 29 +++ montier/src/pages/HomePage.vue | 95 +++++++++ montier/src/pages/Service.vue | 140 ++++++++++++++ montier/src/store/modules/homepage.ts | 70 ++++++- montier/src/vite-env.d.ts | 7 + 23 files changed, 851 insertions(+), 173 deletions(-) create mode 100644 montier/src/assets/img/01.png create mode 100644 montier/src/assets/img/about.jpg create mode 100644 montier/src/assets/img/close.svg create mode 100644 montier/src/assets/img/left.png create mode 100644 montier/src/assets/img/menu.svg create mode 100644 montier/src/assets/img/page01.png create mode 100644 montier/src/assets/img/page02.png create mode 100644 montier/src/assets/img/page03.png create mode 100644 montier/src/assets/img/page04.png create mode 100644 montier/src/assets/img/page05.png create mode 100644 montier/src/assets/img/right.png create mode 100644 montier/src/components/Title.vue create mode 100644 montier/src/pages/AboutMontieri.vue create mode 100644 montier/src/pages/Service.vue diff --git a/montier/package-lock.json b/montier/package-lock.json index ec8d347..81ae254 100644 --- a/montier/package-lock.json +++ b/montier/package-lock.json @@ -416,6 +416,11 @@ "vue-demi": "*" } }, + "animate.css": { + "version": "4.1.1", + "resolved": "https://registry.npmmirror.com/animate.css/-/animate.css-4.1.1.tgz", + "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==" + }, "async-validator": { "version": "4.2.5", "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz", @@ -469,6 +474,14 @@ "ms": "^2.1.1" } }, + "dom7": { + "version": "4.0.6", + "resolved": "https://registry.npmmirror.com/dom7/-/dom7-4.0.6.tgz", + "integrity": "sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==", + "requires": { + "ssr-window": "^4.0.0" + } + }, "element-plus": { "version": "2.3.9", "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.3.9.tgz", @@ -786,6 +799,20 @@ "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz", "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==" }, + "ssr-window": { + "version": "4.0.2", + "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-4.0.2.tgz", + "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==" + }, + "swiper": { + "version": "7.4.1", + "resolved": "https://registry.npmmirror.com/swiper/-/swiper-7.4.1.tgz", + "integrity": "sha512-dhbL4tpYFvHug1J7GnKElfTi6EYhlZy/vNZRhHkWFyUsWZ1Vovipxj3la5gqllMogygXJMe3zvVv+f6eppvWiA==", + "requires": { + "dom7": "^4.0.2", + "ssr-window": "^4.0.2" + } + }, "tslib": { "version": "2.6.1", "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.6.1.tgz", @@ -855,6 +882,26 @@ "semver": "^7.3.8" } }, + "wow.js": { + "version": "1.2.2", + "resolved": "https://registry.npmmirror.com/wow.js/-/wow.js-1.2.2.tgz", + "integrity": "sha512-YTW9eiZimHCJDWofsiz2507txaPteUiQD461I/D8533AiRAn3+Y68/1LDuQ3OTgPjagGZLPYKrpoSgjzeQrO6A==" + }, + "wowjs": { + "version": "1.1.3", + "resolved": "https://registry.npmmirror.com/wowjs/-/wowjs-1.1.3.tgz", + "integrity": "sha512-HQp1gi56wYmjOYYOMZ08TnDGpT+AO21RJVa0t1NJ3jU8l3dMyP+sY7TO/lilzVp4JFjW88bBY87RnpxdpSKofA==", + "requires": { + "animate.css": "^4.1.1" + }, + "dependencies": { + "animate.css": { + "version": "4.1.1", + "resolved": "https://registry.npmmirror.com/animate.css/-/animate.css-4.1.1.tgz", + "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==" + } + } + }, "yallist": { "version": "4.0.0", "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz", diff --git a/montier/package.json b/montier/package.json index 315af36..19084e3 100644 --- a/montier/package.json +++ b/montier/package.json @@ -13,6 +13,10 @@ "less": "^4.2.0", "less-loader": "^11.1.3", "pinia": "^2.1.6", + "swiper": "7.4.1", + "wow.js": "^1.2.2", + "wowjs": "^1.1.3", + "animate.css": "^4.1.1", "vue": "^3.3.4", "vue-router": "^4.2.4" }, diff --git a/montier/src/App.vue b/montier/src/App.vue index e19aae9..36a24d3 100644 --- a/montier/src/App.vue +++ b/montier/src/App.vue @@ -2,13 +2,26 @@ import HeaderPage from './components/HeaderPage.vue'; import FooterPage from './components/FooterPage.vue'; import { useRoute } from 'vue-router' - import {computed} from "vue"; + import {computed, onMounted} from "vue"; + import WOW from "wow.js"; const route = useRoute() console.log(route) const routerKey = computed(() => { return route.path + Math.random() }) + onMounted(()=>{ + let wow = new WOW({ + boxClass: "wow", + animateClass: "animated", + offset: 0, + mobile: true, + live: true, + scrollContainer: null, + resetAnimation: true, + }); + wow.init(); + }) - \ No newline at end of file + .copyright { + flex-wrap: wrap; + } + } + } +} \ No newline at end of file diff --git a/montier/src/components/HeaderPage.vue b/montier/src/components/HeaderPage.vue index 6efdcbe..29bc56b 100644 --- a/montier/src/components/HeaderPage.vue +++ b/montier/src/components/HeaderPage.vue @@ -1,52 +1,17 @@