From b46c7394ad29a9ac937b56b2605b347020f68695 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Thu, 18 Apr 2024 11:30:54 +0800
Subject: [PATCH] language
---
src/page/home/home.vue | 102 +++------------------------------------------------
1 files changed, 6 insertions(+), 96 deletions(-)
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index 55115ee..4c72742 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -111,7 +111,7 @@
<div class="name">{{ $t("hj245") }}</div>
</div>
</li>
- <li @click="settingDialog = true">
+ <li @click="$refs.language.settingDialog = true">
<div class="links">
<div class="icon">
<img
@@ -127,27 +127,7 @@
</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>
+ <Language ref="language" />
</div>
<div class="fg"></div>
<div class="new-stock">
@@ -269,12 +249,14 @@
import xiazai from "@/assets/img/xiazai.png";
import GoToLogin from "@/page/home/components/GoLogin.vue";
import { MessageBox } from "mint-ui";
+import Language from "@/components/Language/index.vue";
export default {
components: {
HomeList,
AllList,
GoToLogin,
Echart,
+ Language,
},
// onlineService
props: {},
@@ -297,28 +279,7 @@
type: 2,
},
],
- settingDialog: false,
- // 多语言配置
- actions: [
- {
- text: "English",
- icon: require("@/assets/ico/english.png"),
- lang: "en",
- },
- { text: "繁体中文", icon: require("@/assets/ico/tw.png"), lang: "zh-TW" },
- { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "hi" },
- { text: "한국인", icon: require("@/assets/ico/india.png"), lang: "ko" },
- {
- text: "ภาษาไทย",
- icon: require("@/assets/ico/india.png"),
- lang: "th",
- },
- {
- text: "日本語にほんご",
- icon: require("@/assets/ico/india.png"),
- lang: "ja",
- },
- ],
+
// 公告 icon 地址
Announcement,
close: true,
@@ -369,15 +330,7 @@
aRouter() {
window.open(this.onlineService);
},
- 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"),
@@ -385,14 +338,6 @@
})
.then(async () => {})
.catch(() => {});
- // MessageBox.confirm('老号被盗请勿转账,请认准新tg：@BEINL2', this.$t('hj165'), {
- // confirmButtonText: this.$t('hj161'),
- // cancelButtonText: this.$t('hj106'),
- // }).then(async () => {
-
- // }).catch(() => {
-
- // });
},
onSelect(e) {
this.$i18n.locale = e.lang;
@@ -1348,41 +1293,6 @@
font-weight: 500;
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;
--
Gitblit v1.9.3