From 2c82c5159fd735a66dae757c3905e79ed83e68e3 Mon Sep 17 00:00:00 2001 From: Yukai Huang Date: Wed, 30 Dec 2020 21:37:34 +0800 Subject: [PATCH 01/13] Setup vue-cool-lightbox --- package-lock.json | 14 ++ package.json | 1 + src/components/FactoryDetailPage.vue | 217 +++++++++++++++------------ src/main.ts | 5 + src/vue-cool-lightbox.d.ts | 1 + 5 files changed, 143 insertions(+), 95 deletions(-) create mode 100644 src/vue-cool-lightbox.d.ts diff --git a/package-lock.json b/package-lock.json index 7e65de1..956b3a7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2664,6 +2664,11 @@ } } }, + "body-scroll-lock": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/body-scroll-lock/-/body-scroll-lock-3.1.5.tgz", + "integrity": "sha512-Yi1Xaml0EvNA0OYWxXiYNqY24AfWkbA6w5vxE7GWxtKfzIbZM+Qw+aSmkgsbWzbHiy/RCSkUZBplVxTA+E4jJg==" + }, "bonjour": { "version": "3.5.0", "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz", @@ -12702,6 +12707,15 @@ } } }, + "vue-cool-lightbox": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/vue-cool-lightbox/-/vue-cool-lightbox-2.7.0.tgz", + "integrity": "sha512-yptHA9F5VvgpgygeG/M04iqeveBaRPtyUG3iMPLJ40Zo1IP1EHe6JIuHcneHyrbERZ2HbyQobUZF9xZ39Yebew==", + "requires": { + "body-scroll-lock": "^3.1.5", + "vue": "^2.6.10" + } + }, "vue-eslint-parser": { "version": "6.0.5", "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-6.0.5.tgz", diff --git a/package.json b/package.json index 442c455..3589e1e 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "register-service-worker": "^1.6.2", "vue": "^2.6.10", "vue-carousel": "^0.18.0", + "vue-cool-lightbox": "^2.7.0", "vue-gtag": "^1.1.1", "vuetify": "^2.3.17" }, diff --git a/src/components/FactoryDetailPage.vue b/src/components/FactoryDetailPage.vue index 3b7f783..982f476 100644 --- a/src/components/FactoryDetailPage.vue +++ b/src/components/FactoryDetailPage.vue @@ -1,116 +1,124 @@