feat(Login): 登录界面移动适配

Author: quanquan2100

src/main.js

@@ -7,6 +7,7 @@ import '@/lin/filter'
 import '@/lin/plugins'
 import '@/lin/directives'
 
+import CollapseTransition from 'element-ui/lib/transitions/collapse-transition'
 import router from '@/router'
 import store from '@/store'
 import App from '@/App.vue'
@@ -15,10 +16,10 @@ import StickyTop from '@/components/base/sticky-top/sticky-top'
 import LIcon from '@/components/base/icon/lin-icon'
 import SourceCode from '@/components/base/source-code/source-code'
 
-import CollapseTransition from 'element-ui/lib/transitions/collapse-transition'
 
 import '@/assets/styles/index.scss' // eslint-disable-line
 import '@/assets/styles/realize/element-variables.scss'
+import 'element-ui/lib/theme-chalk/display.css'
 
 Vue.config.productionTip = false
 

src/views/login/Login.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login">
-    <div class="team-name">
-      <img src="@/assets/img/login/team-name.png" alt="">
+    <div class="team-name hidden-sm-and-down">
+      <img src="@/assets/img/login/team-name.png" alt="logo">
     </div>
     <div class="form-box" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0)">
       <div class="title">
@@ -10,17 +10,11 @@
       <form class="login-form" autocomplete="off" @submit.prevent="throttleLogin()">
         <div class="form-item nickname">
           <span class="icon account-icon"></span>
-          <input type="text"
-                 v-model="form.nickname"
-                 autocomplete="off"
-                 placeholder="请填写用户名">
+          <input type="text" v-model="form.nickname" autocomplete="off" placeholder="请填写用户名">
         </div>
         <div class="form-item password">
           <span class="icon secret-icon"></span>
-          <input type="password"
-                 v-model="form.password"
-                 autocomplete="off"
-                 placeholder="请填写用户登录密码">
+          <input type="password" v-model="form.password" autocomplete="off" placeholder="请填写用户登录密码">
         </div>
         <button class="submit-btn" type="submit">登录</button>
       </form>