<template>
  <!-- 顶部 banner 区域 -->
  <view class="all">
    <Navbar title="中证参考" :hasBack="false"></Navbar>


    <RankListMini :newsList="newsList"></RankListMini>

    <tabbar></tabbar>
  </view>
</template>

<script setup>
import { ref, onMounted, onUnmounted, reactive } from "vue";
import tabbar from "@/components/mini/Tabbar.vue";
import Navbar from '@/components/mini/Navbar.vue'
import RankListMini from "@/components/RankListMini.vue";
import {
  getindustryCount,
  getConceptCount,
  getTopNews,
  getTopIndustry_d,
  getTopConcept_d,
  getNews_cnt_d,
  newsInfoScore,
} from "@/api/newsInfo";

const newsList = ref([]);
// 概念标签贴标
async function getNewsList() {
  newsList.value = await getTopNews({});
}

const tabIndex = ref(0);
function tabChange(index) {
  tabIndex.value = index;
}

onMounted(async () => {
  getNewsList()
});
</script>

<style scoped lang="scss"></style>
