From 47d2e74ddff53a4865cb98f893ec623a60d2b5fb Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Sat, 09 Aug 2025 17:57:28 +0800
Subject: [PATCH] 1
---
src/page/home/homeIndex.vue | 128 ++++++++++++++++++++++++++++--------------
1 files changed, 85 insertions(+), 43 deletions(-)
diff --git a/src/page/home/homeIndex.vue b/src/page/home/homeIndex.vue
index 2f914d9..01b2e46 100644
--- a/src/page/home/homeIndex.vue
+++ b/src/page/home/homeIndex.vue
@@ -1,7 +1,13 @@
<template>
<div class="home_index">
<tab-head>
- <van-popover v-model="languageShow" trigger="click" :actions="actions" @select="onSelect" placement="bottom-end">
+ <van-popover
+ v-model="languageShow"
+ trigger="click"
+ :actions="actions"
+ @select="onSelect"
+ placement="bottom-end"
+ >
<template #reference>
<div class="multilingual">
<img src="../../assets/img/language.svg" alt="" />
@@ -52,8 +58,10 @@
</div>
<div class="flex-between navs">
<div class="nav_item" v-for="item in usDataStockBeans" :key="item.id">
- <index-component :ids="'a' + item.id" :dataObj="item"></index-component>
- <!-- <van-skeleton title :row="3" /> -->
+ <index-component
+ :ids="'a' + item.id"
+ :dataObj="item"
+ ></index-component>
</div>
</div>
</div>
@@ -61,12 +69,44 @@
<div class="subheading bg-white" style="margin-top: 0.25em">
<div class="subheading_title">
<img src="../../assets/img/iconmonstr-chart-5.png" alt="" />
- <span>{{ $t("墨西哥指数") }}</span>
+ <span>{{ $t("hksi") }}</span>
</div>
<div class="flex-between navs">
- <div class="nav_item" v-for="item in mxDataStockBeans" :key="item.id">
- <!-- <van-skeleton title :row="3" /> -->
- <index-component :ids="'b' + item.id" :dataObj="item"></index-component>
+ <div class="nav_item" v-for="item in hkDataStockBeans" :key="item.id">
+ <index-component
+ :ids="'b' + item.id"
+ :dataObj="item"
+ ></index-component>
+ </div>
+ </div>
+ </div>
+
+ <div class="subheading bg-white" style="margin-top: 0.25em">
+ <div class="subheading_title">
+ <img src="../../assets/img/iconmonstr-chart-5.png" alt="" />
+ <span>{{ $t("tsi") }}</span>
+ </div>
+ <div class="flex-between navs">
+ <div class="nav_item" v-for="item in twDataStockBeans" :key="item.id">
+ <index-component
+ :ids="'b' + item.id"
+ :dataObj="item"
+ ></index-component>
+ </div>
+ </div>
+ </div>
+
+ <div class="subheading bg-white" style="margin-top: 0.25em">
+ <div class="subheading_title">
+ <img src="../../assets/img/iconmonstr-chart-5.png" alt="" />
+ <span>{{ $t("ni") }}</span>
+ </div>
+ <div class="flex-between navs">
+ <div class="nav_item" v-for="item in inDataStockBeans" :key="item.id">
+ <index-component
+ :ids="'b' + item.id"
+ :dataObj="item"
+ ></index-component>
</div>
</div>
</div>
@@ -77,7 +117,11 @@
<span>{{ $t("hj6") }}</span>
</div>
- <news-item :item="item" v-for="item in newsList" :key="item.id"></news-item>
+ <news-item
+ :item="item"
+ v-for="item in newsList"
+ :key="item.id"
+ ></news-item>
<div class="more flex-center" @click="$router.push('/new-list')">
<span>{{ $t("更多新闻") }}</span>
@@ -104,27 +148,19 @@
text: "English",
lang: "en"
},
- // {
- // text: "简体中文",
- // lang: "zh-CN"
- // },
- // { text: "हिंदी", lang: "hi" },
- { text: "español", lang: "es" }
- // {
- // text: "Deutsch",
- // lang: "de",
- // }, //德语
- // {
- // text: "Français",
- // lang: "fr",
- // }, //法语
- // {
- // text: "日本語にほんご",
- // lang: "ja",
- // },
+ {
+ text: "中文(繁体)",
+ lang: "zh-Hant"
+ },
+ {
+ text: "हिंदी",
+ lang: "hi"
+ }
],
newsList: [],
- mxDataStockBeans: [],
+ hkDataStockBeans: [],
+ twDataStockBeans: [],
+ inDataStockBeans: [],
usDataStockBeans: []
};
},
@@ -153,21 +189,27 @@
let data = await api.getHomePageData();
this.newsList = data.data.newsList;
- this.mxDataStockBeans = data.data.mxDataStockBeans.map(item => {
- item.kData = item.kdata;
- return item;
- });
- this.usDataStockBeans = data.data.usDataStockBeans.map(item => {
- item.kData = item.kdata;
- return item;
- });
+ if (data.status == 0) {
+ this.twDataStockBeans = data.data.twDataStockBeans.map(item => {
+ item.kData = item.kdata;
+ return item;
+ });
- // console.log(
- // "home",
- // this.newsList,
- // this.mxDataStockBeans,
- // this.usDataStockBeans
- // );
+ this.inDataStockBeans = data.data.inDataStockBeans.map(item => {
+ item.kData = item.kdata;
+ return item;
+ });
+
+ this.hkDataStockBeans = data.data.hkDataStockBeans.map(item => {
+ item.kData = item.kdata;
+ return item;
+ });
+
+ this.usDataStockBeans = data.data.usDataStockBeans.map(item => {
+ item.kData = item.kdata;
+ return item;
+ });
+ }
},
// 跳转
toPage(url) {
@@ -257,8 +299,8 @@
width: 100%;
height: 100%;
flex-direction: column;
- padding-top: .25em;
- padding: .25em .15em 0;
+ padding-top: 0.25em;
+ padding: 0.25em 0.15em 0;
img {
width: 0.75em;
--
Gitblit v1.9.3