From 4cf29de231ee3503c48e0c1d098dab795091ff46 Mon Sep 17 00:00:00 2001
From: DESKTOP-CVS3R96\我恁爹 <11>
Date: Sun, 06 Nov 2022 18:00:27 +0800
Subject: [PATCH] 11.6
---
src/page/login/components/header.vue | 53 ++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 48 insertions(+), 5 deletions(-)
diff --git a/src/page/login/components/header.vue b/src/page/login/components/header.vue
index 130947e..2b3ea80 100644
--- a/src/page/login/components/header.vue
+++ b/src/page/login/components/header.vue
@@ -1,53 +1,96 @@
<template>
<div class="header_history">
<div class="header_content">
- <div class="left_back" @click="$router.go(-1)"><img src="../../../assets/img/backs.png" alt=""></div>
+ <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>
</div>
</div>
</template>
<script>
+import Service from "@/assets/home/icon_talk.png";
export default {
name: 'headers',
- props: ['mess']
+ props: ['mess'],
+ data() {
+ return {
+ Service,
+ onlineService: "",
+ }
+ },
+ methods: {
+
+ goOnline() {
+ window.location.href = this.onlineService;
+ },
+ 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.0256rem;
+ height: 1.6256rem;
display: flex;
align-items: center;
- > div {
+
+ >div {
width: 100%;
height: 80%;
display: flex;
align-items: center;
justify-content: space-between;
+ padding-left: 0.2rem;
+ padding-right: 0.2rem;
}
+
.left_back {
+ width: .6513rem;
+ height: 1.0513rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ }
+
+ .right_back {
width: 1.0513rem;
height: 1.0513rem;
display: flex;
align-items: center;
justify-content: center;
}
+
.right_mess {
width: 60%;
height: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
+
>span {
margin-right: .5128rem;
}
}
+
img {
width: 50%;
height: 50%;
}
}
-
</style>
\ No newline at end of file
--
Gitblit v1.9.3