1

PC-20250623MANY\Administrator

2025-08-09 7043590a8a1d24a4c86472051c103a8e4dc2ddb4

 src/page/home/homeIndex.vue

@@ -1,13 +1,7 @@
<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="" />
@@ -24,25 +18,25 @@
      <div class="swiper">
        <div class="swiper-wrapper flex-between">
          <div class="swiper-slide">
            <div class="nav_item flex-center" @click="toPage('/aiTrading')">
            <div class="nav_item flex-start" @click="toPage('/aiTrading')">
              <img src="../../assets/img/home_1.png" alt="" />
              <span>AI {{ $t("量化交易") }}</span>
              <span>{{ $t("量化交易") }}</span>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="nav_item flex-center" @click="toPage('/blockTrading')">
            <div class="nav_item flex-start" @click="toPage('/blockTrading')">
              <img src="../../assets/img/home_2.png" alt="" />
              <span>{{ $t("hj621") }}</span>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="nav_item flex-center" @click="toPage('/ipo')">
            <div class="nav_item flex-start" @click="toPage('/ipo')">
              <img src="../../assets/img/home_3.png" alt="" />
              <span>IPO</span>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="nav_item flex-center">
            <div class="nav_item flex-start" @click="toPage('/fund')">
              <img src="../../assets/img/home_4.png" alt="" />
              <span>{{ $t("理财基金") }}</span>
            </div>
@@ -58,10 +52,7 @@
      </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>
          <index-component :ids="'a' + item.id" :dataObj="item"></index-component>
          <!-- <van-skeleton title :row="3" /> -->
        </div>
      </div>
@@ -75,10 +66,7 @@
      <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>
          <index-component :ids="'b' + item.id" :dataObj="item"></index-component>
        </div>
      </div>
    </div>
@@ -89,11 +77,7 @@
        <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>
@@ -120,11 +104,12 @@
          text: "English",
          lang: "en"
        },
        {
          text: "简体中文",
          lang: "zh-CN"
        },
        { text: "हिंदी", lang: "hi" }
        // {
        //   text: "简体中文",
        //   lang: "zh-CN"
        // },
        // { text: "हिंदी", lang: "hi" },
        { text: "español", lang: "es" }
        // {
        //   text: "Deutsch",
        //   lang: "de",
@@ -168,8 +153,14 @@
      let data = await api.getHomePageData();
      this.newsList = data.data.newsList;

      this.mxDataStockBeans = data.data.mxDataStockBeans;
      this.usDataStockBeans = data.data.usDataStockBeans;
      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;
      });

      // console.log(
      //   "home",
@@ -258,8 +249,7 @@

        .swiper-slide {
          width: 2.1875em;
          height: 2.1em;
          // padding: 0 0.25em 0 0.25em;
          height: 2.5em;

          .nav_item {
            background-color: #fff;
@@ -267,6 +257,8 @@
            width: 100%;
            height: 100%;
            flex-direction: column;
            padding-top: .25em;
            padding: .25em .15em 0;

            img {
              width: 0.75em;
@@ -274,8 +266,9 @@
            }

            span {
              font-size: 0.25em;
              font-weight: 500;
              font-size: 0.28em;
              font-weight: 700;
              text-align: center;
            }
          }
        }