style: 修改登录页面

src/views/login/components/SocialSignin.vue

@@ -43,6 +43,8 @@ export default {
     .sign-btn {
       display: inline-block;
       cursor: pointer;
+      color: #fff;
+      font-size: 14px;
     }
     .icon {
       color: #fff;
@@ -52,21 +54,14 @@ export default {
     .wx-svg-container,
     .qq-svg-container {
       display: inline-block;
-      width: 40px;
-      height: 40px;
-      line-height: 40px;
+      width: 30px;
+      height: 30px;
+      line-height: 30px;
       text-align: center;
       padding-top: 1px;
       border-radius: 4px;
       margin-bottom: 20px;
       margin-right: 5px;
     }
-    .wx-svg-container {
-      background-color: #24da70;
-    }
-    .qq-svg-container {
-      background-color: #6BA2D6;
-      margin-left: 50px;
-    }
   }
 </style>

src/views/login/index.vue

@@ -3,7 +3,7 @@
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-position="left">
 
       <div class="title-container">
-        <h3 class="title">Login Form</h3>
+        <h3 class="title">Login</h3>
       </div>
 
       <el-form-item prop="domain">
@@ -47,25 +47,9 @@
       <el-button :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLogin">Login</el-button>
 
       <div style="position:relative">
-        <div class="tips">
-          <span>Username : admin</span>
-          <span>Password : admin</span>
-        </div>
-        <div class="tips">
-          <span style="margin-right:18px;">Username : editor</span>
-          <span>Password : editor</span>
-        </div>
-        <el-button class="thirdparty-button" type="primary" @click="showDialog=true">
-          Or connect with
-        </el-button>
+        <social-sign />
       </div>
     </el-form>
-
-    <el-dialog title="Or connect with" :visible.sync="showDialog">
-      Can not be simulated on local, so please combine you own business simulation! ! !
-      <br><br><br>
-      <social-sign />
-    </el-dialog>
   </div>
 </template>
 
@@ -104,7 +88,6 @@ export default {
       passwordType: 'password',
       capsTooltip: false,
       loading: false,
-      showDialog: false,
       redirect: undefined,
       otherQuery: {}
     }