修复登录页面tab也换兼容

src/views/user/login/components/LoginTabs.vue

 <template>
 <template>
   <div class="login_tabs">
   <div class="login_tabs">
-    <router-link to="/user/login/phone" :class="{active:type==1}">手机号登录</router-link>
-    <router-link to="/user/login/username" :class="{active:type==2}">账号密码登录</router-link>
-    <div class="bottom-border-1" v-show="type==1"></div>
-    <div class="bottom-border-2" v-show="type==2"></div>
+    <router-link to="/user/login/phone" :class="{active:type==1}">
+      手机号登录
+      <div class="bottom-border-1" v-show="type==1"></div>
+    </router-link>
+    <router-link to="/user/login/username" :class="{active:type==2}">
+      账号密码登录
+      <div class="bottom-border-2" v-show="type==2"></div>
+    </router-link>
+
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
@@ -39,14 +44,14 @@ export default {
     width: 80px;
     width: 80px;
     border-bottom: 3px solid #106abc;
     border-bottom: 3px solid #106abc;
     top: 26px;
     top: 26px;
-    left: 107px;
+    left: 20px;
   }
   }
   .bottom-border-2 {
   .bottom-border-2 {
     position: absolute;
     position: absolute;
     width: 80px;
     width: 80px;
     border-bottom: 3px solid #106abc;
     border-bottom: 3px solid #106abc;
     top: 26px;
     top: 26px;
-    right: 107px;
+    right: 20px;
   }
   }
 }
 }
 </style>
 </style>
\ No newline at end of file