fix:顶部跳转

pages/user/index.vue

@@ -61,13 +61,13 @@
         </div>
         <div class="home-right">
           <span>
-            首页
+            <a href="#"> 首页</a>  
           </span>
           <span>
-            解决方案
+            <a href="#solution"> 解决方案</a>
           </span>
           <span>
-            联系我们
+            <a href="#contact">联系我们</a>
           </span>
           <span @click="amodalFn">
             申请试用
@@ -76,7 +76,7 @@
       </div>
     </div>
     <!-- <img src="../../static/image/img_home.png" class="home-back" style="cursor: pointer;" alt="" @click="amodalFn"> -->
-    <div class="home-qa">
+    <div class="home-qa" id="solution">
       <div class="home-title">为什么选择惠融易客</div>
       <div class="home-title-sub">
         与传统方式相比较,惠融易客的优势又都有哪些?
@@ -178,7 +178,7 @@
       </div>
     </div>
     <!-- 底部 -->
-    <div class="home-bottom">
+    <div class="home-bottom" id="contact">
       <div class="home-bottom-c">
               <!-- 联系我们 -->
       <div class="contact">

static/index.less

@@ -29,6 +29,7 @@
 html,
 body {
   margin: 0;
+  scroll-behavior:smooth;
 }
 
 .home {
@@ -51,6 +52,9 @@ body {
         &>span{
           padding: 10px 20px;
           cursor: pointer;
+          &>a{
+            color: #fff;
+          }
         }
       }