2019-08-14update

king

2019-08-14 68cbb649c933776838e937446ce9ed384916a5e8

 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;
         z-index: 9999;
         bottom: 2.2rem;
         z-index: 100;

         img {
         .img {
            width: 0.6rem;
            height: 0.6rem;
            bottom: 1.8rem;
            margin-top: 0.05rem;
         }
      }
   }