From ca51b8836f1578f81012cbe7ff63bf6061229823 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 29 七月 2020 20:46:23 +0800
Subject: [PATCH] 2020-07-29
---
src/views/home/index.vue | 70 ++++++++++++++++++++++++++--------
1 files changed, 53 insertions(+), 17 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 6f9ea98..c9f9b5c 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -6,11 +6,23 @@
</div>
<Footer v-if="isShow"></Footer>
- <div class="information" @click="jump">
- <img src="../../img/information.png" alt="">
+ <div class="information">
+ <div>
+ <el-popover placement="left" width="150" trigger="hover">
+ <img src="@/img/weixin.jpg" alt="">
+ <img class="img" src="@/img/wei.png" slot="reference" alt style="margin-right: 0.16rem;" />
+ </el-popover>
+ <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2529499151&site=qq&menu=yes">
+ <img class="img" src="@/img/QQ.png" alt />
+ </a>
+ <a class="tel" href="tel:400-189-1819">
+ <!-- <a class="tel" href="javascript:;" v-on:click="tel"> -->
+ <img class="img" src="@/img/tel1.png" alt />
+ </a>
+ </div>
</div>
- <el-backtop :bottom="40">
- <img src="../../img/top.png" alt="">
+ <el-backtop :bottom="40" >
+ <img class="return-top" src="@/img/top.png" alt="">
</el-backtop>
</div>
</template>
@@ -19,12 +31,19 @@
export default {
data() {
return {
- isShow:true
+ isShow: true
}
},
methods: {
- jump() {
- this.$router.push('companyProfile#anchor-3')
+ tel () {
+ this.$confirm('纭鎷ㄦ墦鐢佃瘽 400-189-1819 鍚�?', '', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷'
+ }).then(() => {
+ window.location.href = 'tel://400-189-1819'
+ }).catch(() => {
+
+ })
}
},
watch:{ //鐩戝惉璺敱
@@ -38,20 +57,34 @@
</script>
<style lang="less" scoped>
+ .center {
+ min-height: 60vh;
+ }
.information {
cursor: pointer;
position: fixed;
- bottom: 1.2rem;
+ bottom: 1.5rem;
right: 0.4rem;
width: 0.4rem;
height: 0.4rem;
-
- img {
+ z-index: 1005;
+ .img {
width: 0.42rem;
height: 0.42rem;
- position: fixed;
- bottom: 1.2rem;
- right: 0.4rem;
+ background: #00A5E3;
+ border-radius: 0.42rem;
+ margin-top: 0.05rem;
+ border: 1px solid #00A5E3;
+ }
+ .tel {
+ display: none;
+ }
+ }
+ .el-backtop {
+ z-index: 1005;
+ .return-top {
+ border-radius: 40px;
+ transform: scale(1.04);
}
}
@@ -65,13 +98,16 @@
.information {
width: 0.6rem;
height: 0.6rem;
- bottom: 1.8rem;
- z-index: 9999;
+ bottom: 2.8rem;
+ z-index: 100;
- img {
+ .img {
width: 0.6rem;
height: 0.6rem;
- bottom: 1.8rem;
+ margin-top: 0.05rem;
+ }
+ .tel {
+ display: inline-block;
}
}
}
--
Gitblit v1.8.0