diff --git a/package-lock.json b/package-lock.json index 28e69b7..ffee7ef 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,13 +10,15 @@ "dependencies": { "axios": "^1.3.4", "pinia": "^2.0.32", + "swiper": "^9.0.0", "vue": "^3.2.45", "vue-router": "^4.0.13" }, "devDependencies": { "@vitejs/plugin-vue": "^4.0.0", + "@vue/compiler-sfc": "^3.2.45", "sass": "^1.58.3", - "vite": "^4.1.0" + "vite": "^4.0.4" } }, "node_modules/@babel/parser": { @@ -702,6 +704,11 @@ "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==", "license": "MIT" }, + "node_modules/ssr-window": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-4.0.2.tgz", + "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==" + }, "node_modules/supports-preserve-symlinks-flag": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", @@ -715,6 +722,27 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/swiper": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/swiper/-/swiper-9.1.0.tgz", + "integrity": "sha512-Ck8CywwfUghkbUAHbxTAWyeUAcNrIDNJ6EnKFBGGcHDjeqbh0Jq08RbmD5fMu1a0oOv1eIkUGVkqNJy/asm+yA==", + "funding": [ + { + "type": "patreon", + "url": "https://www.patreon.com/swiperjs" + }, + { + "type": "open_collective", + "url": "http://opencollective.com/swiper" + } + ], + "dependencies": { + "ssr-window": "^4.0.2" + }, + "engines": { + "node": ">= 4.7.0" + } + }, "node_modules/to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", @@ -1287,12 +1315,25 @@ "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz", "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==" }, + "ssr-window": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-4.0.2.tgz", + "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==" + }, "supports-preserve-symlinks-flag": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", "dev": true }, + "swiper": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/swiper/-/swiper-9.1.0.tgz", + "integrity": "sha512-Ck8CywwfUghkbUAHbxTAWyeUAcNrIDNJ6EnKFBGGcHDjeqbh0Jq08RbmD5fMu1a0oOv1eIkUGVkqNJy/asm+yA==", + "requires": { + "ssr-window": "^4.0.2" + } + }, "to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", diff --git a/package.json b/package.json index 8c3e038..2cb98d5 100644 --- a/package.json +++ b/package.json @@ -11,12 +11,14 @@ "dependencies": { "axios": "^1.3.4", "pinia": "^2.0.32", + "swiper": "^9.0.0", "vue": "^3.2.45", "vue-router": "^4.0.13" }, "devDependencies": { "@vitejs/plugin-vue": "^4.0.0", + "@vue/compiler-sfc": "^3.2.45", "sass": "^1.58.3", - "vite": "^4.1.0" + "vite": "^4.0.4" } } diff --git a/src/App.vue b/src/App.vue index 851504f..c8a7e79 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,9 +1,63 @@ - - + diff --git a/src/api/index.js b/src/api/index.js deleted file mode 100644 index 06c5764..0000000 --- a/src/api/index.js +++ /dev/null @@ -1,17 +0,0 @@ -import request from '@/service' - -export const get15DaysWeatherByArea = data => { - return request({ - url: '/api/common/weather/get15DaysWeatherByArea', - method: 'GET', - data, - interceptors: { - requestInterceptors(res) { - return res - }, - responseInterceptors(result) { - return result - }, - }, - }) -} diff --git a/src/assets/scss/globalVar.scss b/src/assets/scss/globalVar.scss index 771137c..e69de29 100644 --- a/src/assets/scss/globalVar.scss +++ b/src/assets/scss/globalVar.scss @@ -1 +0,0 @@ -$bg-color: #1989fa; \ No newline at end of file diff --git a/src/components/Count.vue b/src/components/Count.vue deleted file mode 100644 index 5e47a49..0000000 --- a/src/components/Count.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - diff --git a/src/style.scss b/src/style.scss index e69de29..1761bca 100644 --- a/src/style.scss +++ b/src/style.scss @@ -0,0 +1,41 @@ +#app { + height: 100%; +} +html, +body { + position: relative; + height: 100%; +} + +body { + background: #eee; + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; + font-size: 14px; + color: #000; + margin: 0; + padding: 0; +} + +.swiper { + width: 100%; + height: 100%; +} + +.swiper-slide { + text-align: center; + font-size: 18px; + background: #fff; + /* Center slide text vertically */ + display: flex; + justify-content: center; + align-items: center; +} + +.swiper-slide { + img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + } +} diff --git a/yarn.lock b/yarn.lock index 17bf628..dd181ed 100644 --- a/yarn.lock +++ b/yarn.lock @@ -35,7 +35,7 @@ "@vue/compiler-core" "3.2.47" "@vue/shared" "3.2.47" -"@vue/compiler-sfc@3.2.47": +"@vue/compiler-sfc@^3.2.45", "@vue/compiler-sfc@3.2.47": "integrity" "sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==" "resolved" "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz" "version" "3.2.47" @@ -400,11 +400,23 @@ "resolved" "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz" "version" "1.4.8" +"ssr-window@^4.0.2": + "integrity" "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==" + "resolved" "https://registry.npmjs.org/ssr-window/-/ssr-window-4.0.2.tgz" + "version" "4.0.2" + "supports-preserve-symlinks-flag@^1.0.0": "integrity" "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==" "resolved" "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz" "version" "1.0.0" +"swiper@^9.0.0": + "integrity" "sha512-Ck8CywwfUghkbUAHbxTAWyeUAcNrIDNJ6EnKFBGGcHDjeqbh0Jq08RbmD5fMu1a0oOv1eIkUGVkqNJy/asm+yA==" + "resolved" "https://registry.npmjs.org/swiper/-/swiper-9.1.0.tgz" + "version" "9.1.0" + dependencies: + "ssr-window" "^4.0.2" + "to-regex-range@^5.0.1": "integrity" "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==" "resolved" "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz" @@ -412,7 +424,7 @@ dependencies: "is-number" "^7.0.0" -"vite@^4.0.0", "vite@^4.1.0": +"vite@^4.0.0", "vite@^4.0.4": "integrity" "sha512-3knk/HsbSTKEin43zHu7jTwYWv81f8kgAL99G5NWBcA1LKvtvcVAC4JjBH1arBunO9kQka+1oGbrMKOjk4ZrBg==" "resolved" "https://registry.npmjs.org/vite/-/vite-4.1.4.tgz" "version" "4.1.4"