From b35e9e4aebcec3b36ccc7cab4639ff2ad74aea97 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Sat, 23 Mar 2024 18:10:25 +0800
Subject: [PATCH] 1
---
src/page/login/components/header.vue | 53 +++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 43 insertions(+), 10 deletions(-)
diff --git a/src/page/login/components/header.vue b/src/page/login/components/header.vue
index 2b3ea80..28e0345 100644
--- a/src/page/login/components/header.vue
+++ b/src/page/login/components/header.vue
@@ -2,9 +2,20 @@
<div class="header_history">
<div class="header_content">
<div class="left_back" @click="$router.go(-1)"><img src="../../../assets/img/back.png" alt=""></div>
- <div class="right_mess"><span>{{ '' }}</span></div>
- <div class="right_back" @click="goOnline()">
- <img :src="Service" alt />
+ <div class="right_mess"><span>{{mess}}</span></div>
+ <div class="right_back">
+ <!-- <div class="service">
+ <img @click="goOnline()" :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>
@@ -12,6 +23,7 @@
<script>
import Service from "@/assets/home/icon_talk.png";
+import * as api from "@/axios/api";
export default {
name: 'headers',
props: ['mess'],
@@ -19,15 +31,24 @@
return {
Service,
onlineService: "",
+ 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' }
+ ],
}
},
methods: {
-
+ onSelect(e) {
+ this.$i18n.locale = e.lang;
+ window.localStorage.setItem('language', e.lang);
+ },
goOnline() {
- window.location.href = this.onlineService;
+ this.$router.push('/service');
},
async getInfoSite() {
-
let data = await api.getInfoSite()
if (data.status === 0) {
this.onlineService = data.data.onlineService
@@ -48,7 +69,7 @@
height: 1.6256rem;
display: flex;
align-items: center;
-
+ padding-right: 0.25rem;
>div {
width: 100%;
height: 80%;
@@ -69,11 +90,23 @@
}
.right_back {
- width: 1.0513rem;
+ width: 17%;
height: 1.0513rem;
display: flex;
align-items: center;
- justify-content: center;
+ justify-content: space-between;
+
+ .service {
+ width: 0.5rem;
+ height: 0.5rem;
+
+ img {
+ width: 0.5rem;
+ height: 0.5rem;
+
+ }
+ }
+
}
.right_mess {
@@ -84,7 +117,7 @@
align-items: center;
>span {
- margin-right: .5128rem;
+ margin-right: 1.3rem;
}
}
--
Gitblit v1.9.3