zzzz
2024-03-28 91f9b7a3b7dfc4fe6b9b5008cfec4e18dfb6dcd5
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">
@@ -153,7 +129,7 @@
                    alt=""
                  />
                </div>
                <div class="name">充值</div></a
                <div class="name">{{ $t("hj256") }}</div></a
              >
            </li>
            <!-- RechargeSure -->
@@ -165,7 +141,7 @@
                    alt=""
                  />
                </div>
                <div class="name">提款</div>
                <div class="name">{{ $t("提款") }}</div>
              </div>
            </li>
            <li>
@@ -176,7 +152,7 @@
                    alt=""
                  />
                </div>
                <div class="name">客服</div>
                <div class="name">{{ $t("kf") }}</div>
              </div>
            </li>
            <!-- setting -->
@@ -188,7 +164,7 @@
                    alt=""
                  />
                </div>
                <div class="name">安全</div>
                <div class="name">{{ $t("安全") }}</div>
              </div>
            </li>
            <li @click="$router.push('/setting')">
@@ -199,7 +175,7 @@
                    alt=""
                  />
                </div>
                <div class="name">用戶手冊</div></a
                <div class="name">{{ $t("用戶手冊") }}</div></a
              >
            </li>
            <li @click="$router.push('/setting')">
@@ -210,7 +186,7 @@
                    alt=""
                  />
                </div>
                <div class="name">平臺</div></a
                <div class="name">{{ $t("平臺") }}</div></a
              >
            </li>
            <li @click="$router.push('/transferIndex')">
@@ -221,16 +197,51 @@
                    alt=""
                  />
                </div>
                <div class="name">劃轉</div></a
                <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">
          <div class="title">新股申購</div>
          <div class="title">{{ $t("hj45") }}</div>
          <div class="list">
            <div class="item">
            <div class="item" @click="$router.push('/favorites')">
              <div class="icon">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
@@ -245,9 +256,14 @@
                  ></path>
                </svg>
              </div>
              <div class="i-title">打新日曆</div>
              <div class="i-title">{{ $t("打新日曆") }}</div>
            </div>
            <div class="item" style="margin-left: 10px">
            <!-- favoritesList -->
            <div
              class="item"
              style="margin-left: 10px"
              @click="$router.push('/favoritesList')"
            >
              <div class="icon">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
@@ -262,7 +278,7 @@
                  ></path>
                </svg>
              </div>
              <div class="i-title">申購記錄</div>
              <div class="i-title">{{ $t("申購記錄") }}</div>
            </div>
          </div>
        </div>
@@ -317,7 +333,7 @@
      <!-- <van-skeleton title :row="18" :loading="loading" /> -->
      <div class="title-box">
        <div class="title">資訊</div>
        <div class="title">{{ $t("資訊") }}</div>
      </div>
      <div class="news-tab">
        <mt-navbar v-model="news">
@@ -439,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";
@@ -459,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,
@@ -495,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: {
@@ -553,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"),
@@ -1479,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;
@@ -1579,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>