From e796f2662b597aa8f34dc25c11144de25cbd5cab Mon Sep 17 00:00:00 2001 From: linjinyuan <2841541624@qq.com> Date: Thu, 8 Sep 2022 16:55:00 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91--?= =?UTF-8?q?=20=E5=92=A8=E8=AF=A2=E5=88=97=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/src/api/news.ts | 17 ++++++ app/src/components/news-card/news-card.vue | 55 +++++++++++++++++ app/src/pages/news/component/news-list.vue | 43 ++++++++++++++ app/src/pages/news/news.vue | 66 +++++++++++++++++++-- app/src/static/images/icon_search.png | Bin 0 -> 3222 bytes app/src/static/images/icon_visit.png | Bin 0 -> 3135 bytes 6 files changed, 176 insertions(+), 5 deletions(-) create mode 100644 app/src/api/news.ts create mode 100644 app/src/components/news-card/news-card.vue create mode 100644 app/src/pages/news/component/news-list.vue create mode 100644 app/src/static/images/icon_search.png create mode 100644 app/src/static/images/icon_visit.png diff --git a/app/src/api/news.ts b/app/src/api/news.ts new file mode 100644 index 00000000..e9be6baf --- /dev/null +++ b/app/src/api/news.ts @@ -0,0 +1,17 @@ +import request from '@/utils/request' + +/** + * @description 获取文章分类 + * @return { Promise } + */ +export function getArticleCate() { + return request.get({ url: '/article/category' }) +} + +/** + * @description 获取文章列表 + * @return { Promise } + */ +export function getArticleList(data: Record) { + return request.get({ url: '/article/list', data: data }) +} diff --git a/app/src/components/news-card/news-card.vue b/app/src/components/news-card/news-card.vue new file mode 100644 index 00000000..57189362 --- /dev/null +++ b/app/src/components/news-card/news-card.vue @@ -0,0 +1,55 @@ + + + + + \ No newline at end of file diff --git a/app/src/pages/news/component/news-list.vue b/app/src/pages/news/component/news-list.vue new file mode 100644 index 00000000..3d5ca588 --- /dev/null +++ b/app/src/pages/news/component/news-list.vue @@ -0,0 +1,43 @@ + + + + + diff --git a/app/src/pages/news/news.vue b/app/src/pages/news/news.vue index 1bcf8572..28fcd309 100644 --- a/app/src/pages/news/news.vue +++ b/app/src/pages/news/news.vue @@ -1,7 +1,63 @@ + + + + + + + + + + + + + + + + + + - - + + const tabList = ref< any >([]) + const current = ref(0) + + const handleChange = (index: number) => { + console.log(index) + current.value = Number(index) + } + + const getData = async () => { + tabList.value = await getArticleCate() + } + + onLoad((options) => { + getData() + }) + + + diff --git a/app/src/static/images/icon_search.png b/app/src/static/images/icon_search.png new file mode 100644 index 0000000000000000000000000000000000000000..8a45f351f3628c6db8e940f967dd99c72c8567a7 GIT binary patch literal 3222 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 IM6N<$f;P4mCIA2c literal 0 HcmV?d00001 diff --git a/app/src/static/images/icon_visit.png b/app/src/static/images/icon_visit.png new file mode 100644 index 0000000000000000000000000000000000000000..c63a4ad03f7dca51bc8e9c8724816277d8b84310 GIT binary patch literal 3135 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 Z_kU-XFSp=)h)e(g002ovPDHLkV1ly40A>IH literal 0 HcmV?d00001