From cda8b3e3b3fe3cbf9a4f60bbdf6997c7ac8dff54 Mon Sep 17 00:00:00 2001
From: Jason <5340635+wen-jason@user.noreply.gitee.com>
Date: Fri, 9 Sep 2022 11:06:58 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E9=A1=B5=E9=9D=A2=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/components/widgets/search/search.vue | 10 +++++--
 app/src/pages/index/index.vue                | 31 +++++++++++++++++---
 2 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/app/src/components/widgets/search/search.vue b/app/src/components/widgets/search/search.vue
index 7c43a669..aea7560e 100644
--- a/app/src/components/widgets/search/search.vue
+++ b/app/src/components/widgets/search/search.vue
@@ -1,7 +1,11 @@
 <template>
-    <view class="search px-[24rpx] py-[14rpx] bg-white">
-        <u-search placeholder="请输入关键子" disabled :show-action="false"></u-search>
-    </view>
+    <navigator
+        url="/pages/search/search"
+        class="search px-[24rpx] py-[14rpx] bg-white"
+        hover-class="none"
+    >
+        <u-search placeholder="请输入关键词搜索" disabled :show-action="false"></u-search>
+    </navigator>
 </template>
 
 <script setup lang="ts"></script>
diff --git a/app/src/pages/index/index.vue b/app/src/pages/index/index.vue
index 93543542..4be7a310 100644
--- a/app/src/pages/index/index.vue
+++ b/app/src/pages/index/index.vue
@@ -11,7 +11,19 @@
                 <w-nav :content="item.content" :styles="item.styles" />
             </template>
         </view>
-        <view class="article"> </view>
+        <view class="article" v-if="state.article.length">
+            <view
+                class="flex items-center article-title mx-[20rpx] my-[30rpx] text-2xl font-medium"
+            >
+                最新资讯
+            </view>
+            <news-card
+                v-for="item in state.article"
+                :key="item.id"
+                :news-id="item.id"
+                :item="item"
+            />
+        </view>
     </view>
 </template>
 
@@ -20,15 +32,26 @@ import { getIndex } from '@/api/shop'
 import { reactive, ref } from 'vue'
 const state = reactive<{
     pages: any[]
+    article: any[]
 }>({
-    pages: []
+    pages: [],
+    article: []
 })
 const getData = async () => {
     const data = await getIndex()
     state.pages = JSON.parse(data.pages)
-    console.log(state.pages)
+    state.article = data.article
 }
 getData()
 </script>
 
-<style></style>
+<style lang="scss">
+.article-title {
+    &::before {
+        width: 8rpx;
+        height: 34rpx;
+        display: block;
+        background: $u-type-primary;
+    }
+}
+</style>