From 126f48d88335f180f98893fa32d0c70b379a797c Mon Sep 17 00:00:00 2001
From: "34701892@qq.com" <34701892@qq.com>
Date: Wed, 13 Aug 2025 13:49:54 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=AF=BC=E8=88=AA):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E6=A0=87=E7=AD=BE=E9=A1=B5=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E5=AF=BC=E8=88=AA=E6=A0=8F=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增Tabs组件实现资讯分类切换功能
- 修改Navbar样式使其固定在顶部并添加背景色
- 替换RankListMini中的token验证方式为uni.getStorageSync
---
 src/components/RankListMini.vue |  2 +-
 src/components/mini/Navbar.vue  |  9 ++++++--
 src/components/mini/Tabs.vue    | 40 +++++++++++++++++++++++++++++++++
 src/pages/minihome/index.vue    |  2 ++
 4 files changed, 50 insertions(+), 3 deletions(-)
 create mode 100644 src/components/mini/Tabs.vue

diff --git a/src/components/RankListMini.vue b/src/components/RankListMini.vue
index d57b325..d9a7ef6 100644
--- a/src/components/RankListMini.vue
+++ b/src/components/RankListMini.vue
@@ -90,7 +90,7 @@ const props = defineProps({
 
 const clickItem = ref({});
 function goDetail(item) {
-  if (Session.get("token")) {
+  if (uni.getStorageSync("token")) {
     clickItem.value = item;
     uni.navigateTo({
       url: `/pages/detail/indexNewsInfo?id=${item.news_id}`,
diff --git a/src/components/mini/Navbar.vue b/src/components/mini/Navbar.vue
index 5183eb7..6d85d53 100644
--- a/src/components/mini/Navbar.vue
+++ b/src/components/mini/Navbar.vue
@@ -30,12 +30,17 @@ onMounted(async () => { });
 </script>
 
 <style scoped lang="scss">
-.r_all {}
+.r_all {
+    position: sticky;
+    top: 0rpx;
+    background-color: white;
+    z-index: 99999;
+}
 
 .top88 {
     width: 100vw;
     height: 88rpx;
-
+    background-color: white;
 }
 
 .navnar {
diff --git a/src/components/mini/Tabs.vue b/src/components/mini/Tabs.vue
new file mode 100644
index 0000000..891c3d7
--- /dev/null
+++ b/src/components/mini/Tabs.vue
@@ -0,0 +1,40 @@
+<template>
+    <view class="tabs">
+        <u-tabs :list="list1" :activeStyle="{
+            color: '#303133',
+            fontWeight: 'bold',
+            transform: 'scale(1.05)',
+            fontSize: '24rpx'
+        }" :inactiveStyle="{
+            color: '#606266',
+            transform: 'scale(1)',
+            fontSize: '24rpx'
+        }" :itemStyle="{
+            width: '27.5vw',
+            height: '70rpx',
+        }" @click="click"></u-tabs>
+    </view>
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted, reactive } from "vue";
+const emit = defineEmits(["tabChange"]);
+
+// 创建响应式数据  
+const list1 = reactive([
+    { name: '资讯头条Top20' },
+    { name: '热门行业Top10' },
+    { name: '风口概念Top10' },
+]);
+
+const tabIndex = ref(0);
+function tabChange(index) {
+    tabIndex.value = index;
+    emit("tabChange", index);
+
+}
+
+onMounted(async () => { });
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/minihome/index.vue b/src/pages/minihome/index.vue
index f451a2b..342804c 100644
--- a/src/pages/minihome/index.vue
+++ b/src/pages/minihome/index.vue
@@ -2,6 +2,7 @@
   <!-- 顶部 banner 区域 -->
   <view class="all">
     <Navbar title="中证参考" :hasBack="false"></Navbar>
+    <Tabs @tabChange="tabChange"></Tabs>
 
     <RankListMini v-if="tabIndex == 0" :newsList="newsList"></RankListMini>
     <MineMini v-if="tabIndex == 1"></MineMini>
@@ -16,6 +17,7 @@ import Navbar from '@/components/mini/Navbar.vue'
 import RankListMini from "@/components/RankListMini.vue";
 // const Mine = defineAsyncComponent(() => import("@/components/mine.vue"));
 import MineMini from "@/components/mineMini.vue";
+import Tabs from "@/components/mini/Tabs.vue";
 
 
 import {