From 6ef9a2aa50234715e94d3e48997043c05e13ab7d Mon Sep 17 00:00:00 2001 From: zhaowenkang Date: Fri, 29 Nov 2024 10:50:01 +0800 Subject: [PATCH 1/6] =?UTF-8?q?=E9=9D=99=E6=80=81=E4=B8=BB=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- vueHomilyLink/src/assets/main.css | 33 ---- vueHomilyLink/src/views/HomeView.vue | 291 ++++++++++++++++++++++++++++++++++- 2 files changed, 289 insertions(+), 35 deletions(-) diff --git a/vueHomilyLink/src/assets/main.css b/vueHomilyLink/src/assets/main.css index 36fb845..08fbe90 100644 --- a/vueHomilyLink/src/assets/main.css +++ b/vueHomilyLink/src/assets/main.css @@ -1,35 +1,2 @@ @import './base.css'; -#app { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - font-weight: normal; -} - -a, -.green { - text-decoration: none; - color: hsla(160, 100%, 37%, 1); - transition: 0.4s; - padding: 3px; -} - -@media (hover: hover) { - a:hover { - background-color: hsla(160, 100%, 37%, 0.2); - } -} - -@media (min-width: 1024px) { - body { - display: flex; - place-items: center; - } - - #app { - display: grid; - grid-template-columns: 1fr 1fr; - padding: 0 2rem; - } -} diff --git a/vueHomilyLink/src/views/HomeView.vue b/vueHomilyLink/src/views/HomeView.vue index a19f8f5..9ee849b 100644 --- a/vueHomilyLink/src/views/HomeView.vue +++ b/vueHomilyLink/src/views/HomeView.vue @@ -3,10 +3,297 @@ import Nav from '@/components/Nav.vue'; From 1f353e1050c0be0efd2b3d67aab06b02fbba116a Mon Sep 17 00:00:00 2001 From: zhaowenkang Date: Fri, 29 Nov 2024 10:53:37 +0800 Subject: [PATCH 2/6] =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9=EF=BC=8C=E5=AF=B9=E9=9D=99=E6=80=81?= =?UTF-8?q?=E4=B8=BB=E9=A1=B5=E7=9A=84=E8=A1=A5=E5=85=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- vueHomilyLink/src/components/Nav.vue | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/vueHomilyLink/src/components/Nav.vue b/vueHomilyLink/src/components/Nav.vue index 27bc6d2..f93301b 100644 --- a/vueHomilyLink/src/components/Nav.vue +++ b/vueHomilyLink/src/components/Nav.vue @@ -5,9 +5,10 @@ @@ -17,14 +18,16 @@ background-color: rgba(177, 174, 159, 0.493); height: 30px; border-bottom: 1px solid #aaa; - width: 100%; + width: 1200px; + margin-right: auto; + margin-left: auto; } .container{ width: 1200px; - a{ +} +a{ margin-right: 40px; margin-left: 50px; color: black; } -} \ No newline at end of file From d60710765d09e95b3dfd7124514da190b96a680c Mon Sep 17 00:00:00 2001 From: zhaowenkang Date: Fri, 29 Nov 2024 17:46:19 +0800 Subject: [PATCH 3/6] =?UTF-8?q?=E5=9C=A8vue=E4=B8=AD=E6=B7=BB=E5=8A=A0js?= =?UTF-8?q?=E8=84=9A=E6=9C=AC=EF=BC=8C=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- vueHomilyLink/package-lock.json | 100 +++++++++++ vueHomilyLink/package.json | 1 + vueHomilyLink/src/views/HomeView.vue | 335 ++++++++++++++--------------------- 3 files changed, 236 insertions(+), 200 deletions(-) diff --git a/vueHomilyLink/package-lock.json b/vueHomilyLink/package-lock.json index a347183..c8cb1c0 100644 --- a/vueHomilyLink/package-lock.json +++ b/vueHomilyLink/package-lock.json @@ -8,6 +8,7 @@ "name": "vuehomilylink", "version": "0.0.0", "dependencies": { + "axios": "^1.7.8", "pinia": "^2.2.6", "vue": "^3.5.12", "vue-router": "^4.4.5" @@ -1434,6 +1435,23 @@ "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==", "license": "MIT" }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "license": "MIT" + }, + "node_modules/axios": { + "version": "1.7.8", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/axios/-/axios-1.7.8.tgz", + "integrity": "sha512-Uu0wb7KNqK2t5K+YQyVCLM76prD5sRFjKHbJYCP1J7JFGEQ6nN7HWn9+04LAeiJ3ji54lgS/gZCH1oxyrf1SPw==", + "license": "MIT", + "dependencies": { + "follow-redirects": "^1.15.6", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + } + }, "node_modules/birpc": { "version": "0.2.19", "resolved": "https://registry.npmmirror.com/birpc/-/birpc-0.2.19.tgz", @@ -1514,6 +1532,18 @@ ], "license": "CC-BY-4.0" }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "license": "MIT", + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, "node_modules/convert-source-map": { "version": "2.0.0", "resolved": "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-2.0.0.tgz", @@ -1619,6 +1649,15 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "license": "MIT", + "engines": { + "node": ">=0.4.0" + } + }, "node_modules/electron-to-chromium": { "version": "1.5.64", "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.5.64.tgz", @@ -1727,6 +1766,40 @@ "url": "https://github.com/sindresorhus/execa?sponsor=1" } }, + "node_modules/follow-redirects": { + "version": "1.15.9", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/follow-redirects/-/follow-redirects-1.15.9.tgz", + "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "license": "MIT", + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, + "node_modules/form-data": { + "version": "4.0.1", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/form-data/-/form-data-4.0.1.tgz", + "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==", + "license": "MIT", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, "node_modules/fs-extra": { "version": "11.2.0", "resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-11.2.0.tgz", @@ -1990,6 +2063,27 @@ "dev": true, "license": "MIT" }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "license": "MIT", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, "node_modules/mimic-fn": { "version": "4.0.0", "resolved": "https://registry.npmmirror.com/mimic-fn/-/mimic-fn-4.0.0.tgz", @@ -2239,6 +2333,12 @@ "node": "^10 || ^12 || >=14" } }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", + "license": "MIT" + }, "node_modules/rfdc": { "version": "1.4.1", "resolved": "https://registry.npmmirror.com/rfdc/-/rfdc-1.4.1.tgz", diff --git a/vueHomilyLink/package.json b/vueHomilyLink/package.json index 5c51bad..79fd816 100644 --- a/vueHomilyLink/package.json +++ b/vueHomilyLink/package.json @@ -9,6 +9,7 @@ "preview": "vite preview" }, "dependencies": { + "axios": "^1.7.8", "pinia": "^2.2.6", "vue": "^3.5.12", "vue-router": "^4.4.5" diff --git a/vueHomilyLink/src/views/HomeView.vue b/vueHomilyLink/src/views/HomeView.vue index 9ee849b..632343e 100644 --- a/vueHomilyLink/src/views/HomeView.vue +++ b/vueHomilyLink/src/views/HomeView.vue @@ -1,195 +1,130 @@ + From 2bc9e3796befd2a7d49f895bb608048d026e2c5c Mon Sep 17 00:00:00 2001 From: zhaowenkang Date: Tue, 3 Dec 2024 16:07:01 +0800 Subject: [PATCH 4/6] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E7=BC=96=E5=86=99+?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- vueHomilyLink/src/api/HomeApi.js | 12 +++ vueHomilyLink/src/api/index.js | 14 +++ vueHomilyLink/src/components/Nav.vue | 2 +- vueHomilyLink/src/views/HomeView.vue | 195 ++++++++++++++++++----------------- 4 files changed, 127 insertions(+), 96 deletions(-) create mode 100644 vueHomilyLink/src/api/HomeApi.js create mode 100644 vueHomilyLink/src/api/index.js diff --git a/vueHomilyLink/src/api/HomeApi.js b/vueHomilyLink/src/api/HomeApi.js new file mode 100644 index 0000000..55a665b --- /dev/null +++ b/vueHomilyLink/src/api/HomeApi.js @@ -0,0 +1,12 @@ +import service from "."; +const homeApi = { + //获取首页列表 + gethomeList() { + return service.get('/mainpage/get-shows'); + }, + //获取视频列表 + getHomeVideo(){ + return service.get('/mainpage/get-videos'); + } +} +export default homeApi; \ No newline at end of file diff --git a/vueHomilyLink/src/api/index.js b/vueHomilyLink/src/api/index.js new file mode 100644 index 0000000..a388e65 --- /dev/null +++ b/vueHomilyLink/src/api/index.js @@ -0,0 +1,14 @@ +import axios from "axios"; + +const service = axios.create({ + baseURL: 'http://localhost:8080', +}); + + +//Axios的响应拦截器.. +service.interceptors.response.use(resp => { + return resp.data; +}, error => { + return Promise.reject(error); +}); +export default service; \ No newline at end of file diff --git a/vueHomilyLink/src/components/Nav.vue b/vueHomilyLink/src/components/Nav.vue index f93301b..39fb6ae 100644 --- a/vueHomilyLink/src/components/Nav.vue +++ b/vueHomilyLink/src/components/Nav.vue @@ -18,7 +18,7 @@ background-color: rgba(177, 174, 159, 0.493); height: 30px; border-bottom: 1px solid #aaa; - width: 1200px; + width: 1000px; margin-right: auto; margin-left: auto; } diff --git a/vueHomilyLink/src/views/HomeView.vue b/vueHomilyLink/src/views/HomeView.vue index 632343e..6797f11 100644 --- a/vueHomilyLink/src/views/HomeView.vue +++ b/vueHomilyLink/src/views/HomeView.vue @@ -1,109 +1,122 @@ diff --git a/vueHomilyLink/vite.config.js b/vueHomilyLink/vite.config.js index 4217010..3f92ffb 100644 --- a/vueHomilyLink/vite.config.js +++ b/vueHomilyLink/vite.config.js @@ -15,4 +15,14 @@ export default defineConfig({ '@': fileURLToPath(new URL('./src', import.meta.url)) }, }, + server: { + proxy: { + '/api': { + // target: 'http://192.168.8.191:8080', + target: 'http://localhost:8080', + changeOrigin: true, + rewrite: (path) => path.replace(/^\/api/, '') + } + } + } }) From 5d267c6ac848bd7e0001a05bfa09f63732531b74 Mon Sep 17 00:00:00 2001 From: zhaowenkang Date: Wed, 4 Dec 2024 16:56:42 +0800 Subject: [PATCH 6/6] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?= =?UTF-8?q?=EF=BC=8C=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- vueHomilyLink/src/views/HomeView.vue | 125 ++++++++++++++++++++++++----------- vueHomilyLink/vite.config.js | 4 +- 2 files changed, 88 insertions(+), 41 deletions(-) diff --git a/vueHomilyLink/src/views/HomeView.vue b/vueHomilyLink/src/views/HomeView.vue index 9a7791b..89a0c11 100644 --- a/vueHomilyLink/src/views/HomeView.vue +++ b/vueHomilyLink/src/views/HomeView.vue @@ -3,16 +3,6 @@ import Nav from '@/components/Nav.vue'; import { ref, onMounted, reactive,computed } from 'vue'; import homeApi from '@/api/HomeApi'; -const articleImgSrc = ref(''); -const title = ref(''); -const authorAvatarSrc = ref(''); -const authorName = ref(''); -const viewsCount = ref(''); -const commentsCount = ref(''); -const likesCount = ref(''); -const playTime = ref(''); -const club_id=ref(''); - const seeSrc = ref('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIjSURBVFiF7VhtkqQgDE2sudfSxwAOox4GOUYzFzPzY2Ar0higdWtnqni//IjwQh5JBGBgYGBg4H8C7xrIe68AAPZ9V4j4h4g+07tpmoLWOtwxzyXC3ntFRDMAqBZ7IlqttcuVOd8i3Es0xxXi3YSdcwsiztnjAACAiCsAQAq/917t+67iu/ybt4h3Ed627QnHVQ2IuLbqs+RsL+lmwjnZK2EtEA/GmEfLt1XCJb0i4uPqro/jPtmjpmhVCW/bRj2D8vRWi8A7iyESzkInhk3KHDX5ZHIT5zklnOvMGNNsW0IPacl2aiGAiKcelzYQIj6IaCWilY0xJ7mUkFJizbZImBMgIlGzua0x5qG1DtbaxVq7cNJRMkVorUNm+yyRfiHsnFs4ASmMfMAz2/gsxFslrXJmW3TwQNh7r/gmq+3yVMVq4OGuIW64EG9fHCxKohXTNIXSdQ7uWKOTpzYHwlGraWLF5VGDpM/DhIJjAEdJAsBLW1pMVbxYNKQj0fZKeizZfpQ+jGnpGa9n7/1pA57bOucA4Hsl80LCs0AOVnhE26KGCymmOR0h4oyIc3TiQFaKFO8rJFuxNPeUTKHaVfuPW0ozG6yr+QH4Jp82V61RymUjabyJMMBrL/yj28uEX9PAVybqIn7SgjaTBbjvJ/RvGuJnEKmssiyj8m/+6U8oR0sPLKDr55Xj8slPJ/G3iSbcelTFG5t0XNWS3gYGBgYGfg++AMoF42iHsimVAAAAAElFTkSuQmCC'); const pingSrc = ref('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIkSURBVFiF7Zc9j9NAEIafsRM+KhpqoKDiR4DTREqDaJAoafhoQuK1ckg0ZyMdEiS2OySEECVItBR0Z4TEj6Ch5gdc66GxcxtfEjsHzoGUt9rZmfU83vXHDOz0n0lsI01TT1X3C9NrO7mqRkEQhCuBkiTRtiGWSUR6vu9nAJ1yMo7jsByrarQFiFsUp1CcyiKQiJRHlVW3sS3FcRxaeQFwqkGq+nUbMBV55eAE0FlrB1SnHVCdOvUhkCTJM2APeGWMeWH7ZrPZZdd13+V5fr3T6TwYjUbfK2vvAS+BL8aYR3W5ancoTdM7wAFwCTgo7Llc132tqrdF5Eae558rsFeBD8AV4GEcx8//GEhVL9TYF63xOdsnIucr9sLaUwEZYz4C08KcFvZc3W73CfAN+CUid21fEAQ/HMd5DByJyCdjzNO6fI2eIWPM3nQ6jSaTyVHVNxwOfwI3V60dj8dvwjB8G4Zh3iRX47dsGUxTNYWBf/C13wHVaQdUpzMFKsrYBdnfoQzwRGQ/TdMMoCy865SmqbcpTJ7nHsc19byGt2vqSFXLgEOAJEkAMmNMb9lFy5pYdfNmReS44XEcJ5vP20FWX+bZ89X+qYg73JjipDIRieyTkFWRFbj5LlVhVDWy77CpVj0OK/9lvu9ncRx7IuJVIBdg/nbL5K5zDgYDgPvAtX6/L8D7NmFgzZGVWtZetwUDzQq0hbZaRHrb6mzX6jTfmp3a0G+wI+Yg4Q0N4wAAAABJRU5ErkJggg=='); const zanSrc = ref('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAHOSURBVFiF7ZjdbawwEIXPISkknVzvC9p2sAtgKQC7hrTBS0wn9zbiyQsg4/3JgnfjKLpHWgmN/74dezwDwH/dFnMGO+eUiLQAlIh0AGCMOeXMWeUMDiEoAAoASLYk277vs4Be9g7s+/5EsgUAEelIAsAbSVXXNYdh8HvmzfLQJG+MOWmtD/O2kWydc+rbgGLvkOxme+752Q0Uq2kan5g8AEyHfbM2A6VnZ8+iDwWK9YgtSrUJyDmnnumdzUDTvQPgOd4BgNctnTd6R1lrP641isgInP+xu4HiG3iDd9S1BpJqmnc1391A93qHZBdCGL/o8wdRynHO+fn6WCXXS3nIGHOKQ11rnZWQY1lrZXr0WusDEHkoytwrOed8COFRDCtNOXC1ZhU17rpZczRt3UpnYT9RH74HaVlzOXOPyPY5UqmhGFBcnlRV5ZfnEjC3VAwoTkNxCVMMKIowH9uLb1kcYUBZIHXJWNxDqYoAXQt54Ad4KH1JKAIUh3yqIkBzyF+qrc4KNJJtmvmrqvKzzVr7kYbqDhh1rX0BEpFxLiu/kLqz302JSHepFF4+NgzD4I/H4ygi/wCM84/k36ZpfF3XnD8oZLJ4EXl/1lvL79cnbWbUVZZeqYsAAAAASUVORK5CYII='); @@ -37,22 +27,29 @@ const articleData = reactive({ flag_type:'' }); -console.log('初始化后的articleData:', articleData); - // 定义一个函数，用于将接口返回的数据映射到articleData响应式对象中 const mapResponseToArticleData = (responseData) => { if (Array.isArray(responseData)) { + console.log('res:', responseData); articleData.articleImgSrc = responseData.map(item => item.cover); articleData.title = responseData.map(item => item.name); - articleData.authorAvatarSrc = responseData.map(item => item.avatar); - articleData.authorName = responseData.map(item => item.username); - articleData.viewsCount = responseData.map(item => item.view_count); + articleData.authorAvatarSrc = responseData.map(item => item.user.avatar); + articleData.authorName = responseData.map(item => item.user.username); + articleData.viewsCount = responseData.map(item => item.viewCount); articleData.commentsCount = responseData.map(item => item.comments); articleData.likesCount = responseData.map(item => item.likes); - articleData.playTime = responseData.map(item => item.video_duration); - articleData.publishTime = responseData.map(item => item.releaseTime); - articleData.club_id = responseData.map(item => item.club_id); - articleData.flag_type = responseData.map(item => item.flag_type); + articleData.playTime = responseData.map(item => item.videoDuration); + articleData.publishTime = responseData.map(item => { + const date = new Date(item.releaseTime); + const month = ('0' + (date.getMonth() + 1)).slice(-2); + const day = ('0' + date.getDate()).slice(-2); + const hours = ('0' + date.getHours()).slice(-2); + const minutes = ('0' + date.getMinutes()).slice(-2); + return `${month}-${day} ${hours}:${minutes}`; + }); + articleData.club_id = responseData.map(item => item.clubId); + articleData.flag_type = responseData.map(item => item.flagType); + } else { console.warn('接口返回的数据格式不符合预期'); } @@ -62,15 +59,43 @@ const mapResponseToArticleData = (responseData) => { async function selectAll() { try { const response = await homeApi.gethomeList(); - mapResponseToArticleData(response); + mapResponseToArticleData(response.data); + } catch (error) { console.error('获取数据出错：', error); } } - +console.log('初始化后的articleData:', articleData); selectAll(); + +// 精选视频接口 +const articleData2 = ref([]); +function fetchData (){ + homeApi.getHomeVideo().then(response => { + // 将articleData响应式对象赋值给articleData2 + articleData2.value = response.data; + articleData2.value = articleData2.value.map(item => { + const date = new Date(item.releaseTime); + const month = ('0' + (date.getMonth() + 1)).slice(-2); + const day = ('0' + date.getDate()).slice(-2); + const hours = ('0' + date.getHours()).slice(-2); + const minutes = ('0' + date.getMinutes()).slice(-2); + return { + ...item, + releaseTime: `${month}-${day} ${hours}:${minutes}` + }; + }); + console.log('初始化后的articleData2:', articleData2.value); + }).catch(error => { + console.error('获取数据出错：', error); + }); +}; +fetchData (); + + + const getColorClass = (index) => { const num = index + 1; if (num === 1) { @@ -83,9 +108,9 @@ const getColorClass = (index) => { return ''; }; -const filteredArticleData = computed(() => { - return articleData.title.filter((_, index) => articleData.flag_type[index] === 1); -}); +// const filteredArticleData = computed(() => { +// return articleData.title.filter((_, index) => articleData.flag_type[index] === 1); +// });