From acf2239f66d6b0d9e682535d94b0e3aee769efe3 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Wed, 27 Mar 2024 21:06:38 +0800
Subject: [PATCH] 注册页面的客服地址错误
---
src/page/home/home.vue | 156 ++++++++++++++++++++++++++++++++++++++++-----------
src/assets/img/language.png | 0
2 files changed, 122 insertions(+), 34 deletions(-)
diff --git a/src/assets/img/language.png b/src/assets/img/language.png
new file mode 100644
index 0000000..6909775
--- /dev/null
+++ b/src/assets/img/language.png
Binary files differ
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index 5f555ab..0cd8066 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">
@@ -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>
--
Gitblit v1.9.3