From f849b130022f5009afc7f70ec3a759f14dff242a Mon Sep 17 00:00:00 2001
From: shikong <919411476@qq.com>
Date: Tue, 22 Oct 2024 14:11:38 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E7=83=AD=E9=97=A8=E6=8E=A8?=
 =?UTF-8?q?=E8=8D=90=E9=9D=A2=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/hot-panel/components/item.vue  | 26 +++++++++++++++++++
 .../index/components/hot-panel/index.vue      | 13 ++++++++++
 src/pages/index/index.vue                     |  5 ++++
 3 files changed, 44 insertions(+)
 create mode 100644 src/pages/index/components/hot-panel/components/item.vue
 create mode 100644 src/pages/index/components/hot-panel/index.vue

diff --git a/src/pages/index/components/hot-panel/components/item.vue b/src/pages/index/components/hot-panel/components/item.vue
new file mode 100644
index 0000000..4e96888
--- /dev/null
+++ b/src/pages/index/components/hot-panel/components/item.vue
@@ -0,0 +1,26 @@
+<script setup>
+
+</script>
+
+<template>
+  <view class="p-2 bg-white border border-[#F8F8F8]">
+    <view class="flex justify-between">
+      <text class="font-bold">热门推荐</text>
+      <text class="text-sm text-gray-500">xxx攻略</text>
+    </view>
+
+    <view class="flex">
+      <view class="w-1/2 h-full p-2 mx-auto text-center">
+        <image src="/static/logo.png" mode="widthFix" class="w-1/2 h-full"></image>
+      </view>
+
+      <view class="w-1/2 h-full p-2 mx-auto text-center">
+        <image src="/static/logo.png" mode="widthFix" class="w-1/2 h-full"></image>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/index/components/hot-panel/index.vue b/src/pages/index/components/hot-panel/index.vue
new file mode 100644
index 0000000..234dbcc
--- /dev/null
+++ b/src/pages/index/components/hot-panel/index.vue
@@ -0,0 +1,13 @@
+<script setup>
+import Item from "./components/item.vue"
+</script>
+
+<template>
+  <view class="flex flex-wrap">
+    <Item class="w-1/2" v-for="i in 4"/>
+  </view>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 39127cd..bfe9d28 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -4,6 +4,9 @@
 
     <view class="flex-1 flex-grow-1 min-h-0 content overflow-auto">
       <Banner/>
+
+      <HotPanel/>
+
       <ZhiHuHotList/>
 
       <view class="text-center">
@@ -20,12 +23,14 @@
 import moment from 'moment'
 import NavBar from "./components/nav-bar/index.vue"
 import Banner from "./components/banner/index.vue"
+import HotPanel from "./components/hot-panel/index.vue"
 import ZhiHuHotList from "./components/zhihu-hot-list/index.vue"
 let timer = null
 export default {
   components: {
     NavBar,
     Banner,
+    HotPanel,
     ZhiHuHotList
   },
   data() {