1

PC-20250623MANY\Administrator

2025-08-09 47d2e74ddff53a4865cb98f893ec623a60d2b5fb

 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;