zzzz
2024-03-27 acf2239f66d6b0d9e682535d94b0e3aee769efe3
src/page/home/home.vue
@@ -1,30 +1,6 @@
<template>
  <div class="wrapper">
    <div class="page_content">
      <!--  <div class="top_logo">
        <div class="left_logo">
          <div class="img_logo">
              Fidelity
          </div>
        </div>
        <div class="right_search">
          <div>
            <div class="service_con" @click="goOnline()">
              <img :src="Service" alt />
            </div>
            <van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions"
              @select="onSelect">
              <template #reference>
                <div class="iconfont icon-icon_A">
                </div>
              </template>
            </van-popover>
          </div>
        </div>
      </div> -->
      <div class="center_tabs">
        <!-- 顶部轮播图 -->
        <div class="banner_top">
@@ -224,7 +200,42 @@
                <div class="name">{{ $t("hj245") }}</div></a
              >
            </li>
            <li @click="settingDialog = true">
              <a href="#" class="links">
                <div class="icon">
                  <img
                    :src="language"
                    alt=""
                    style="width: 0.6rem; height: 0.6rem"
                  />
                </div>
                <div class="name" style="margin-top: 2px">
                  {{ $t("yy") }}
                </div>
              </a>
            </li>
          </ul>
          <van-popup
            v-model="settingDialog"
            position="bottom"
            :style="{ height: '35%' }"
            @close="popClose"
          >
            <div
              class="lang_box"
              v-for="(item, index) in actions"
              :key="index"
              @click="qkclick(item)"
            >
              <div
                :class="
                  $i18n.locale == item.lang ? 'lang_box_txt' : 'lang_box_txta'
                "
              >
                {{ item.text }}
              </div>
            </div>
          </van-popup>
        </div>
        <div class="fg"></div>
        <div class="new-stock">
@@ -444,7 +455,7 @@
import vip from "../../assets/img/app.png";
import vipa from "../../assets/img/huazhuan2.png";
import Huo from "@/assets/home/huo.png";
import banner1 from "@/assets/img/b1.jpg";
import language from "@/assets/img/language.png";
import banner2 from "@/assets/img/b2.jpg";
import banner3 from "@/assets/img/b3.jpg";
import caidana from "@/assets/img/caidana.png";
@@ -464,6 +475,29 @@
  props: {},
  data() {
    return {
      settingDialog: false,
      actions: [
        {
          text: "English",
          icon: require("@/assets/ico/english.png"),
          lang: "zh-CN",
        },
        { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "en" },
        { text: "한국인", icon: require("@/assets/ico/india.png"), lang: "hy" },
        {
          text: "ภาษาไทย",
          icon: require("@/assets/ico/india.png"),
          lang: "ty",
        },
        {
          text: "日本語にほんご",
          icon: require("@/assets/ico/india.png"),
          lang: "ry",
        },
        // { text: '繁体中文', icon: require('@/assets/ico/tw.png'), lang: 'tw' }
      ],
      language,
      Logo,
      Searchs,
      Service,
@@ -500,15 +534,6 @@
      bannerList: [],
      userInfo: [],
      showPopover: false,
      actions: [
        {
          text: "English",
          icon: require("@/assets/ico/english.png"),
          lang: "zh-CN",
        },
        { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "en" },
        { text: "繁体中文", icon: require("@/assets/ico/tw.png"), lang: "tw" },
      ],
    };
  },
  computed: {
@@ -558,6 +583,15 @@
    },
  },
  methods: {
    qkclick(e) {
      this.settingDialog = false;
      window.localStorage.setItem("language", e.lang);
      this.$i18n.locale = e.lang;
      this.language = e.text;
    },
    popClose() {
      this.settingDialog = false;
    },
    getdialog() {
      MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), {
        confirmButtonText: this.$t("hj161"),
@@ -1484,6 +1518,22 @@
      flex-shrink: 0;
      justify-content: center;
      margin-bottom: 0.4rem;
      .links {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #fff;
        .name {
          font-family: PingFang SC;
          font-style: normal;
          font-weight: 400;
          font-size: 0.32rem;
          line-height: 0.45333rem;
          color: #14181f;
          text-align: center;
        }
      }
      .link {
        display: flex;
        flex-direction: column;
@@ -1584,4 +1634,42 @@
    line-height: 0.64rem;
  }
}
.lang_box_txta {
  width: 100%;
  height: 100px;
  text-align: center;
  line-height: 100px;
  border-bottom: 1px solid #ecf5ff;
}
.lang_box_txt {
  width: 100%;
  height: 100px;
  text-align: center;
  line-height: 100px;
  border-bottom: 1px solid #ecf5ff;
  color: #2196f3;
}
.lang_box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.btn_s_box {
  border: none;
  background: #409eff;
  color: #fff;
  height: 70px;
  width: 100%;
  line-height: 70px;
  font-size: 16px;
  text-align: center;
  border-radius: 15px;
  font-weight: 600;
  margin: 40px 20px 0 20px;
}
// /deep/ .van-popup {
//   overflow-y: auto;
// }
</style>