2020-07-29

king

2020-07-29 ca51b8836f1578f81012cbe7ff63bf6061229823

 src/views/home/index.vue

@@ -9,11 +9,15 @@
      <div class="information">
         <div>
            <el-popover placement="left" width="150" trigger="hover">
               <img src="@/img/weixin.png" alt="">
               <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>
@@ -31,7 +35,16 @@
         }
      },
      methods: {

         tel () {
            this.$confirm('确认拨打电话 400-189-1819 吗?', '', {
          confirmButtonText: '确定',
          cancelButtonText: '取消'
        }).then(() => {
               window.location.href = 'tel://400-189-1819'
        }).catch(() => {
       
        })
         }
      },
      watch:{ //监听路由
         $route(to, from) {
@@ -44,6 +57,9 @@
</script>

<style lang="less" scoped>
   .center {
      min-height: 60vh;
   }
   .information {
      cursor: pointer;
      position: fixed;
@@ -59,6 +75,9 @@
         border-radius: 0.42rem;
         margin-top: 0.05rem;
         border: 1px solid #00A5E3;
      }
      .tel {
         display: none;
      }
   }
   .el-backtop {
@@ -79,7 +98,7 @@
      .information {
         width: 0.6rem;
         height: 0.6rem;
         bottom: 2.2rem;
         bottom: 2.8rem;
         z-index: 100;

         .img {
@@ -87,6 +106,9 @@
            height: 0.6rem;
            margin-top: 0.05rem;
         }
         .tel {
            display: inline-block;
         }
      }
   }
</style>