From c2c9b745d90bdaa7a0924a1b3a210e88860a348d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=8B=E5=B2=9A=E9=A6=A8?= <13450313+xiaolanxiner@user.noreply.giitee.com> Date: Sat, 6 Jan 2024 09:08:31 +0800 Subject: [PATCH] 1 --- package-lock.json | 80 +--------- public/index.html | 2 +- src/components/blog.vue | 324 +++++++++++++++++++++++++++++++++++++++ src/components/home.vue | 8 + src/components/popup.vue | 33 ++++ src/router/index.js | 4 + src/store/index.js | 1 + src/utils/constant.js | 2 +- 8 files changed, 379 insertions(+), 75 deletions(-) create mode 100644 src/components/blog.vue create mode 100644 src/components/popup.vue diff --git a/package-lock.json b/package-lock.json index 4d826d6..f7880fa 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,11 +17,9 @@ "qs": "^6.10.3", "vue": "^2.6.11", "vue-baberrage": "^3.2.4", - "vue-ripple-directive": "^2.0.1", "vue-router": "^3.2.0", "vue-seamless-scroll": "^1.1.23", - "vuex": "^3.4.0", - "vuex-persistedstate": "^4.0.0" + "vuex": "^3.4.0" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", @@ -3960,9 +3958,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001341", - "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001341.tgz", - "integrity": "sha512-2SodVrFFtvGENGCv0ChVJIDQ0KPaS1cg7/qtfMaICgeMolDdo/Z2OD32F0Aq9yl6F4YFwGPBS5AaPqNYiW4PoA==", + "version": "1.0.30001572", + "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz", + "integrity": "sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==", "dev": true }, "node_modules/case-sensitive-paths-webpack-plugin": { @@ -12484,12 +12482,6 @@ "integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==", "dev": true }, - "node_modules/shvl": { - "version": "2.0.3", - "resolved": "https://registry.npmmirror.com/shvl/-/shvl-2.0.3.tgz", - "integrity": "sha512-V7C6S9Hlol6SzOJPnQ7qzOVEWUQImt3BNmmzh40wObhla3XOYMe4gGiYzLrJd5TFa+cI2f9LKIRJTTKZSTbWgw==", - "deprecated": "older versions vulnerable to prototype pollution" - }, "node_modules/side-channel": { "version": "1.0.4", "resolved": "https://registry.npmmirror.com/side-channel/-/side-channel-1.0.4.tgz", @@ -14623,14 +14615,6 @@ "node": ">=4.0.0" } }, - "node_modules/vue-ripple-directive": { - "version": "2.0.1", - "resolved": "https://registry.npmmirror.com/vue-ripple-directive/-/vue-ripple-directive-2.0.1.tgz", - "integrity": "sha512-jXZEX6uZpo89wxmdcw02uFpsMBpm1pxjQ60uqghNLQ8H8ju9eon2vE0+vvSWJ1WGCOTEfxGDR4InabJJu5f1GA==", - "dependencies": { - "vue": "^2.2.1" - } - }, "node_modules/vue-router": { "version": "3.5.3", "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-3.5.3.tgz", @@ -14710,27 +14694,6 @@ "vue": "^2.0.0" } }, - "node_modules/vuex-persistedstate": { - "version": "4.1.0", - "resolved": "https://registry.npmmirror.com/vuex-persistedstate/-/vuex-persistedstate-4.1.0.tgz", - "integrity": "sha512-3SkEj4NqwM69ikJdFVw6gObeB0NHyspRYMYkR/EbhR0hbvAKyR5gksVhtAfY1UYuWUOCCA0QNGwv9pOwdj+XUQ==", - "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.", - "dependencies": { - "deepmerge": "^4.2.2", - "shvl": "^2.0.3" - }, - "peerDependencies": { - "vuex": "^3.0 || ^4.0.0-rc" - } - }, - "node_modules/vuex-persistedstate/node_modules/deepmerge": { - "version": "4.2.2", - "resolved": "https://registry.npmmirror.com/deepmerge/-/deepmerge-4.2.2.tgz", - "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/watchpack": { "version": "1.7.5", "resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-1.7.5.tgz", @@ -19016,9 +18979,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001341", - "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001341.tgz", - "integrity": "sha512-2SodVrFFtvGENGCv0ChVJIDQ0KPaS1cg7/qtfMaICgeMolDdo/Z2OD32F0Aq9yl6F4YFwGPBS5AaPqNYiW4PoA==", + "version": "1.0.30001572", + "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz", + "integrity": "sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==", "dev": true }, "case-sensitive-paths-webpack-plugin": { @@ -26095,11 +26058,6 @@ "integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==", "dev": true }, - "shvl": { - "version": "2.0.3", - "resolved": "https://registry.npmmirror.com/shvl/-/shvl-2.0.3.tgz", - "integrity": "sha512-V7C6S9Hlol6SzOJPnQ7qzOVEWUQImt3BNmmzh40wObhla3XOYMe4gGiYzLrJd5TFa+cI2f9LKIRJTTKZSTbWgw==" - }, "side-channel": { "version": "1.0.4", "resolved": "https://registry.npmmirror.com/side-channel/-/side-channel-1.0.4.tgz", @@ -27882,14 +27840,6 @@ } } }, - "vue-ripple-directive": { - "version": "2.0.1", - "resolved": "https://registry.npmmirror.com/vue-ripple-directive/-/vue-ripple-directive-2.0.1.tgz", - "integrity": "sha512-jXZEX6uZpo89wxmdcw02uFpsMBpm1pxjQ60uqghNLQ8H8ju9eon2vE0+vvSWJ1WGCOTEfxGDR4InabJJu5f1GA==", - "requires": { - "vue": "^2.2.1" - } - }, "vue-router": { "version": "3.5.3", "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-3.5.3.tgz", @@ -27963,22 +27913,6 @@ "integrity": "sha512-ETW44IqCgBpVomy520DT5jf8n0zoCac+sxWnn+hMe/CzaSejb/eVw2YToiXYX+Ex/AuHHia28vWTq4goAexFbw==", "requires": {} }, - "vuex-persistedstate": { - "version": "4.1.0", - "resolved": "https://registry.npmmirror.com/vuex-persistedstate/-/vuex-persistedstate-4.1.0.tgz", - "integrity": "sha512-3SkEj4NqwM69ikJdFVw6gObeB0NHyspRYMYkR/EbhR0hbvAKyR5gksVhtAfY1UYuWUOCCA0QNGwv9pOwdj+XUQ==", - "requires": { - "deepmerge": "^4.2.2", - "shvl": "^2.0.3" - }, - "dependencies": { - "deepmerge": { - "version": "4.2.2", - "resolved": "https://registry.npmmirror.com/deepmerge/-/deepmerge-4.2.2.tgz", - "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==" - } - } - }, "watchpack": { "version": "1.7.5", "resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-1.7.5.tgz", diff --git a/public/index.html b/public/index.html index 5ed96d7..c96ceeb 100644 --- a/public/index.html +++ b/public/index.html @@ -6,7 +6,7 @@ Poetize - + diff --git a/src/components/blog.vue b/src/components/blog.vue new file mode 100644 index 0000000..0cb48a0 --- /dev/null +++ b/src/components/blog.vue @@ -0,0 +1,324 @@ + + + + + diff --git a/src/components/home.vue b/src/components/home.vue index 4062202..bcfa14b 100644 --- a/src/components/home.vue +++ b/src/components/home.vue @@ -45,6 +45,14 @@ + +
  • +
    + ✍️ 博客 +
    +
  • + +
  • diff --git a/src/components/popup.vue b/src/components/popup.vue new file mode 100644 index 0000000..73ef752 --- /dev/null +++ b/src/components/popup.vue @@ -0,0 +1,33 @@ + + + + + diff --git a/src/router/index.js b/src/router/index.js index 9222fcf..5537bb3 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -33,6 +33,10 @@ const routes = [ name: "love", component: () => import('../components/love') }, { + path: "/blog", + name: "blog", + component: () => import('../components/blog') + }, { path: "/favorite", name: "favorite", component: () => import('../components/favorite') diff --git a/src/store/index.js b/src/store/index.js index 5e1d741..a8f3832 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -14,6 +14,7 @@ export default new Vuex.Store({ getters: { articleTotal: state => { if (state.sortInfo !== null && state.sortInfo.length !== 0) { + //sortInfo数组为空或者为null,则表示没有文章.不为空则有文章 if (state.sortInfo.length === 1) { return state.sortInfo[0].countOfSort; } else { diff --git a/src/utils/constant.js b/src/utils/constant.js index 545abf2..91aba96 100644 --- a/src/utils/constant.js +++ b/src/utils/constant.js @@ -18,7 +18,7 @@ export default { //前后端定义的密钥,AES使用16位 cryptojs_key: "aoligeimeimaobin", qiniuUrl: "https://upload.qiniup.com", - qiniuDownload: "$$$$七牛云下载地址,仿照【https://file.poetize.cn/】", + qiniuDownload: "https://portal.qiniu.com/cdn/domain/s6pxqn1l5.hd-bkt.clouddn.com", favoriteVideo: "$$$$自己找一个视频链接作为百宝箱的封面",