From 4e1cca0e3da79819fa3768402ce6a174aea5131f Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 11 八月 2019 23:35:45 +0800
Subject: [PATCH] 2019-08-11
---
src/views/home/index.vue | 48 +++++++++++++++++++++++++++++++-----------------
1 files changed, 31 insertions(+), 17 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 6f9ea98..4067efe 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -6,11 +6,19 @@
</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.png" 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>
+ </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,13 +27,11 @@
export default {
data() {
return {
- isShow:true
+ isShow: true
}
},
methods: {
- jump() {
- this.$router.push('companyProfile#anchor-3')
- }
+
},
watch:{ //鐩戝惉璺敱
$route(to, from) {
@@ -41,17 +47,25 @@
.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;
+ }
+ }
+ .el-backtop {
+ z-index: 1005;
+ .return-top {
+ border-radius: 40px;
+ transform: scale(1.04);
}
}
@@ -65,13 +79,13 @@
.information {
width: 0.6rem;
height: 0.6rem;
- bottom: 1.8rem;
+ bottom: 2.2rem;
z-index: 9999;
- img {
+ .img {
width: 0.6rem;
height: 0.6rem;
- bottom: 1.8rem;
+ margin-top: 0.05rem;
}
}
}
--
Gitblit v1.8.0