Jelajahi Sumber

登录button添加loading属性

ZhangWenQiang 6 tahun lalu
induk
melakukan
3f6b63b3e1
1 mengubah file dengan 4 tambahan dan 37 penghapusan
  1. 4 37
      src/views/user/Login.vue

+ 4 - 37
src/views/user/Login.vue

@@ -47,45 +47,12 @@
             </a-col>
           </a-row>
         </a-tab-pane>
-        <!--<a-tab-pane key="tab2" tab="手机号登陆">-->
-        <!--<a-form-item>-->
-        <!--<a-input-->
-        <!--v-decorator="['mobile',validatorRules.mobile]"-->
-        <!--size="large"-->
-        <!--type="text"-->
-        <!--placeholder="手机号">-->
-        <!--<a-icon slot="prefix" type="mobile" :style="{ color: 'rgba(0,0,0,.25)' }"/>-->
-        <!--</a-input>-->
-        <!--</a-form-item>-->
-
-        <!--<a-row :gutter="16">-->
-        <!--<a-col class="gutter-row" :span="16">-->
-        <!--<a-form-item>-->
-        <!--<a-input-->
-        <!--v-decorator="['captcha',validatorRules.captcha]"-->
-        <!--size="large"-->
-        <!--type="text"-->
-        <!--placeholder="请输入验证码">-->
-        <!--<a-icon slot="prefix" type="mail" :style="{ color: 'rgba(0,0,0,.25)' }"/>-->
-        <!--</a-input>-->
-        <!--</a-form-item>-->
-        <!--</a-col>-->
-        <!--<a-col class="gutter-row" :span="8">-->
-        <!--<a-button-->
-        <!--class="getCaptcha"-->
-        <!--tabindex="-1"-->
-        <!--:disabled="state.smsSendBtn"-->
-        <!--@click.stop.prevent="getCaptcha"-->
-        <!--v-text="!state.smsSendBtn && '获取验证码' || (state.time+' s')"></a-button>-->
-        <!--</a-col>-->
-        <!--</a-row>-->
-        <!--</a-tab-pane>-->
       </a-tabs>
 
       <a-form-item>
         <!--<a-checkbox v-model="formLogin.rememberMe">自动登录</a-checkbox>-->
         <!--<router-link :to="{ name: 'recover', params: { user: 'aaa'} }" class="forge-password" style="float: right;">-->
-          <!--忘记密码-->
+        <!--忘记密码-->
         <!--</router-link>-->
       </a-form-item>
 
@@ -95,7 +62,7 @@
           type="primary"
           htmlType="submit"
           class="login-button"
-          :loading="loginBtn"
+          :loading="loading"
           @click.stop.prevent="handleSubmit"
           :disabled="loginBtn">登录
         </a-button>
@@ -154,7 +121,6 @@
         </a-form-item>
       </a-form>
 
-
     </a-modal>
 
   </div>
@@ -179,6 +145,7 @@
     data() {
       return {
         customActiveKey: 'tab1',
+        loading: false,
         loginBtn: false,
         // login type: 0 email, 1 username, 2 telephone
         loginType: 0,
@@ -248,7 +215,7 @@
         let loginParams = {
           remember_me: that.formLogin.rememberMe
         }
-
+        that.loading = true
         // 使用账户密码登陆
         if (that.customActiveKey === 'tab1') {
           that.form.validateFields(['username', 'password', 'inputCode'], { force: true }, (err, values) => {