From c790779e2c578d892e184932c660023eb4d466aa Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Tue, 26 Mar 2024 23:40:20 +0800
Subject: [PATCH] 注册页面的客服地址错误
---
src/page/login/components/header.vue | 193 ++++++++++++++++++++++++-----------------------
1 files changed, 98 insertions(+), 95 deletions(-)
diff --git a/src/page/login/components/header.vue b/src/page/login/components/header.vue
index 28e0345..f49d960 100644
--- a/src/page/login/components/header.vue
+++ b/src/page/login/components/header.vue
@@ -1,10 +1,15 @@
<template>
- <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>{{mess}}</span></div>
- <div class="right_back">
- <!-- <div class="service">
+ <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>{{ mess }}</span>
+ </div>
+ <div class="right_back">
+ <div></div>
+ <!-- <div class="service">
<img @click="goOnline()" :src="Service" alt />
</div>
<van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions"
@@ -14,116 +19,114 @@
</div>
</template>
</van-popover> -->
-
-
- </div>
- </div>
+ </div>
</div>
+ </div>
</template>
<script>
import Service from "@/assets/home/icon_talk.png";
import * as api from "@/axios/api";
export default {
- name: 'headers',
- props: ['mess'],
- data() {
- 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' },
+ name: "headers",
+ props: ["mess"],
+ data() {
+ 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);
},
- methods: {
- onSelect(e) {
- this.$i18n.locale = e.lang;
- window.localStorage.setItem('language', e.lang);
- },
- goOnline() {
- this.$router.push('/service');
- },
- async getInfoSite() {
- let data = await api.getInfoSite()
- if (data.status === 0) {
- this.onlineService = data.data.onlineService
- } else {
- Toast(data.msg)
- }
- },
+ goOnline() {
+ this.$router.push("/service");
},
- mounted() {
- this.getInfoSite()
- }
-}
+ async getInfoSite() {
+ let data = await api.getInfoSite();
+ if (data.status === 0) {
+ this.onlineService = data.data.onlineService;
+ } else {
+ Toast(data.msg);
+ }
+ },
+ },
+ mounted() {
+ this.getInfoSite();
+ },
+};
</script>
<style scope lang="less">
.header_history {
+ width: 100%;
+ height: 1.6256rem;
+ display: flex;
+ align-items: center;
+ padding-right: 0.25rem;
+ > div {
width: 100%;
- height: 1.6256rem;
+ height: 80%;
display: flex;
align-items: center;
- padding-right: 0.25rem;
- >div {
- width: 100%;
- height: 80%;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding-left: 0.2rem;
- padding-right: 0.2rem;
+ justify-content: space-between;
+ padding-left: 0.2rem;
+ padding-right: 0.2rem;
+ }
+
+ .left_back {
+ width: 0.6513rem;
+ height: 1.0513rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .right_back {
+ width: 17%;
+ height: 1.0513rem;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .service {
+ width: 0.5rem;
+ height: 0.5rem;
+
+ img {
+ width: 0.5rem;
+ height: 0.5rem;
+ }
}
+ }
- .left_back {
- width: .6513rem;
- height: 1.0513rem;
- display: flex;
- align-items: center;
- justify-content: center;
+ .right_mess {
+ width: 40%;
+ height: 100%;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ > span {
+ margin-right: 1.3rem;
}
+ }
- .right_back {
- width: 17%;
- height: 1.0513rem;
- display: flex;
- align-items: center;
- justify-content: space-between;
-
- .service {
- width: 0.5rem;
- height: 0.5rem;
-
- img {
- width: 0.5rem;
- height: 0.5rem;
-
- }
- }
-
- }
-
- .right_mess {
- width: 60%;
- height: 100%;
- display: flex;
- justify-content: flex-end;
- align-items: center;
-
- >span {
- margin-right: 1.3rem;
- }
- }
-
- img {
- width: 50%;
- height: 50%;
- }
+ img {
+ width: 50%;
+ height: 50%;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3