feat:移动端适配完成

pages/user/m_user.vue

@@ -53,6 +53,13 @@
         </a-form-item>
       </a-form>
     </a-modal>
+    <div>
+      <van-nav-bar title="惠融易客"  safe-area-inset-top placeholder >
+        <template #right>
+          <van-icon name="search" size="18" />
+        </template>
+      </van-nav-bar>
+    </div>
     <img src="../../static/image/img_home.png" class="home-back" style="cursor: pointer;" alt="" @click="amodalFn">
     <div class="home-qa">
       <div class="home-title">为什么选择惠融易客</div>
@@ -387,10 +394,12 @@ export default {
   width: 150px;
   height: 40px;
 }
+
 .home-bottom .ant-btn {
   height: 80px !important;
 }
-.home-bottom .ant-btn-primary{
+
+.home-bottom .ant-btn-primary {
   background-color: #526eea !important;
   color: #fff !important;
 }

plugins/vant-ui.js

@@ -1,5 +1,4 @@
 import Vue from 'vue'
-import { Tab, Tabs }  from 'vant'
+import { NavBar } from 'vant';
 import 'vant/lib/index.less'
-Vue.use(Tab)
-Vue.use(Tabs)
+Vue.use(NavBar);

static/m_index.less

@@ -9,7 +9,7 @@
   display: flex;
   // width: 100%;
   height: 100%;
-  flex-wrap: wrap;
+  // flex-wrap: wrap;
   flex-direction: column;
   // min-height: auto;
   align-items: center;
@@ -22,7 +22,8 @@
 .container-row {
   // width: 100%;
   // width: 33%;
-  height: auto;
+  height: 100%;
+  width: 90%;
   // background-color: #5cf;
 }
 
@@ -71,10 +72,12 @@ body {
       .home-qa-img-row-item {
         // max-width: 490px;
         position: relative;
+        width: 100%;
+        margin: 10px;
 
         &>img {
           width: 100%;
-          height: 100%;
+          height: 200px;
         }
 
         .home-qa-img-row-item-absolute {