From 91f9b7a3b7dfc4fe6b9b5008cfec4e18dfb6dcd5 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Thu, 28 Mar 2024 13:04:36 +0800
Subject: [PATCH] 注册页面的客服地址错误
---
src/page/home/home.vue | 187 +++++++++++++++++++++++++++++++++++-----------
1 files changed, 140 insertions(+), 47 deletions(-)
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index b60ca61..3c5af21 100644
--- a/src/page/home/home.vue
+++ b/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>
--
Gitblit v1.9.3