From ac2dea81d61b37822edd731088e9acabec25201a Mon Sep 17 00:00:00 2001
From: username <2971861643@qq.com>
Date: Sun, 23 Jun 2024 21:14:56 +0800
Subject: [PATCH] 123
---
package-lock.json | 35 ++-----------------
package.json | 4 ---
src/App.vue | 21 +++++-------
src/api/dailySentence.js | 1 +
src/assets/styles/Detail.css | 40 ++++++++++++++++++++++
src/views/404.vue | 1 +
src/views/Home.vue | 16 ++++++---
src/views/particulars/detailPage.vue | 50 +---------------------------
8 files changed, 66 insertions(+), 102 deletions(-)
create mode 100644 src/assets/styles/Detail.css
diff --git a/package-lock.json b/package-lock.json
index 3e6ae56..fab7919 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,10 +15,6 @@
"dayjs": "^1.11.10",
"element-ui": "^2.15.14",
"masonry-layout": "^4.2.2",
- "quill": "^1.3.7",
- "quill-image-drop-module": "^1.0.3",
- "quill-image-extend-module": "^1.1.2",
- "quill-image-resize-module": "^3.0.0",
"vue": "^2.6.14",
"vue-lazyload": "^3.0.0",
"vue-quill-editor": "^3.0.6",
@@ -8981,7 +8977,8 @@
"node_modules/lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
- "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+ "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+ "dev": true
},
"node_modules/lodash.camelcase": {
"version": "4.3.0",
@@ -11178,29 +11175,6 @@
"node": ">=0.10"
}
},
- "node_modules/quill-image-drop-module": {
- "version": "1.0.3",
- "resolved": "https://registry.npmjs.org/quill-image-drop-module/-/quill-image-drop-module-1.0.3.tgz",
- "integrity": "sha512-HP0Y2kb3nQk1QbRKZzEe1j3mArRQerN5B/U/MlXrOnxmhy3m/xYmVv0YoE13vWnGnBOIcoXGJ/9fi7l6AwsP8Q==",
- "dependencies": {
- "quill": "^1.2.2"
- }
- },
- "node_modules/quill-image-extend-module": {
- "version": "1.1.2",
- "resolved": "https://registry.npmjs.org/quill-image-extend-module/-/quill-image-extend-module-1.1.2.tgz",
- "integrity": "sha512-yHJWZWlTjNZzV34zuT4H55ttDwMxmVJ7JUgKnt/Wd3ejUNcaPOV57/sKG8VEMU5mL7bKZPIKmBdb3weM0M5UeA=="
- },
- "node_modules/quill-image-resize-module": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/quill-image-resize-module/-/quill-image-resize-module-3.0.0.tgz",
- "integrity": "sha512-1TZBnUxU/WIx5dPyVjQ9yN7C6mLZSp04HyWBEMqT320DIq4MW4JgzlOPDZX5ZpBM3bU6sacU4kTLUc8VgYQZYw==",
- "dependencies": {
- "lodash": "^4.17.4",
- "quill": "^1.2.2",
- "raw-loader": "^0.5.1"
- }
- },
"node_modules/quill/node_modules/clone": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
@@ -11256,11 +11230,6 @@
"node": ">= 0.8"
}
},
- "node_modules/raw-loader": {
- "version": "0.5.1",
- "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-0.5.1.tgz",
- "integrity": "sha512-sf7oGoLuaYAScB4VGr0tzetsYlS8EJH6qnTCfQ/WVEa89hALQ4RQfCKt5xCyPQKPDUbVUAIP1QsxAwfAjlDp7Q=="
- },
"node_modules/read-pkg": {
"version": "5.2.0",
"resolved": "https://registry.npmmirror.com/read-pkg/-/read-pkg-5.2.0.tgz",
diff --git a/package.json b/package.json
index 2e84313..6d672a6 100644
--- a/package.json
+++ b/package.json
@@ -15,10 +15,6 @@
"dayjs": "^1.11.10",
"element-ui": "^2.15.14",
"masonry-layout": "^4.2.2",
- "quill": "^1.3.7",
- "quill-image-drop-module": "^1.0.3",
- "quill-image-extend-module": "^1.1.2",
- "quill-image-resize-module": "^3.0.0",
"vue": "^2.6.14",
"vue-lazyload": "^3.0.0",
"vue-quill-editor": "^3.0.6",
diff --git a/src/App.vue b/src/App.vue
index f685ff8..bf6129e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,13 +1,13 @@
-
-
-
-
-
-
+
+
+
+
+
+
@@ -17,9 +17,7 @@ import basePage from './components/base.vue'
export default {
data () {
- return {
-
- }
+ return {}
},
components: {
trigger,
@@ -29,5 +27,4 @@ export default {
diff --git a/src/api/dailySentence.js b/src/api/dailySentence.js
index 0e51f48..59f70c9 100644
--- a/src/api/dailySentence.js
+++ b/src/api/dailySentence.js
@@ -1,5 +1,6 @@
import axios from 'axios'
+// 舔狗日记
export const fetchUser = () => {
return axios.get('https://api.oioweb.cn/api/SimpWords')
}
diff --git a/src/assets/styles/Detail.css b/src/assets/styles/Detail.css
new file mode 100644
index 0000000..2b3e850
--- /dev/null
+++ b/src/assets/styles/Detail.css
@@ -0,0 +1,40 @@
+.detail-page {
+ padding: 20px;
+ max-width: 800px;
+ margin: 0 auto;
+ background-color: #f9f9f9;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ }
+
+ .detail-page h1 {
+ font-size: 2em;
+ margin-bottom: 20px;
+ text-align: center;
+ color: #333;
+ }
+
+ .content-wrapper {
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ }
+
+ .content-wrapper h2 {
+ font-size: 1.5em;
+ margin-bottom: 15px;
+ color: #444;
+ }
+
+ .content {
+ font-size: 1em;
+ line-height: 1.6;
+ color: #666;
+ }
+
+ .loading {
+ font-size: 1.2em;
+ text-align: center;
+ color: #999;
+ }
\ No newline at end of file
diff --git a/src/views/404.vue b/src/views/404.vue
index 502da40..fd7f37d 100644
--- a/src/views/404.vue
+++ b/src/views/404.vue
@@ -20,6 +20,7 @@ export default {
.not-found {
text-align: center;
margin-top: 100px;
+ height: 100vh;
}
h1 {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a97229f..10308f3 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -7,8 +7,8 @@
![]()
-
- {{ item.title }}
+
+ {{ item.title }}
@@ -31,7 +31,7 @@
-
热门文章
+
今日天气
-
{{ article.title }}
@@ -90,7 +90,15 @@ export default {
methods: {
fetchTags () {
getlist().then(res => {
- this.contList = res.data
+ this.contList = res.data.slice(0, 10)
+ })
+ },
+ pushDetailPage (item) {
+ this.$router.push({
+ name: 'detailPage',
+ params: {
+ selectedItem: item // 传递选定的内容
+ }
})
}
}
diff --git a/src/views/particulars/detailPage.vue b/src/views/particulars/detailPage.vue
index be510b4..15e8bdb 100644
--- a/src/views/particulars/detailPage.vue
+++ b/src/views/particulars/detailPage.vue
@@ -24,58 +24,10 @@ export default {
},
created () {
this.selectedItem = this.$route.params.selectedItem // 获取路由参数中的选定内容
-
- if (this.selectedItem) {
- localStorage.setItem('selectedItem', JSON.stringify(this.selectedItem))
- } else {
- const savedItem = localStorage.getItem('selectedItem')
- if (savedItem) {
- this.selectedItem = JSON.parse(savedItem)
- }
- }
}
}