电话号码跳转

assets/scss/cus-client/cus-client-common.scss

@@ -179,7 +179,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   .head-left{
     display: flex;
     //头部图标
-    >a{width: 200px;height:79px;display: inline-block;background-image: url("~static/images/client/component/nav-logo.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 40px;}
+    .client-head-img{width: 200px;height:79px;display: inline-block;background-image: url("~static/images/client/component/nav-logo.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 40px;}
   }
 
   //头部右侧区域
@@ -239,7 +239,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
       //头部左侧区域 logo
     .head-left{
         justify-content: space-between;height: 60px;align-items: center;padding:0;
-        >a{width: 92px;height: 46px;background-size: contain;margin:0;}
+        .client-head-img{width: 92px;height: 46px;background-size: contain;margin:0;}
     }
       //头部导航
     .el-menu{position: absolute;margin: 0;left: 0;right: 0;height: 100vh;transition: 0.5s;top: 61px;}

components/header.vue

@@ -2,7 +2,7 @@
   <nav class="client-head">
     <div class="client-container head-layout">
       <div class="head-left">
-        <a :href="`${baseUrl}`"></a>
+        <a :href="`${baseUrl}`" class="client-head-img"></a>
         <el-menu
           :default-active="activeNav"
           :class="navClass"
@@ -24,7 +24,7 @@
             </el-menu-item>
           </template>
         </el-menu>
-        <span class="phone-tel-box mta-hidden-sm">咨询电话：400-052-2130</span>
+        <a class="phone-tel-box mta-hidden-sm" href="tel:400-052-2130">咨询电话：400-052-2130</a>
         <!-- 手机按钮 -->
         <div class="phone-nav-btn mta-hidden-sm" @click="changeHeadNav"></div>
       </div>