| | |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="btn-login" @click="login">登录</div> |
| | | <el-button class="btn-login" @click="login" :loading="loading" |
| | | >登录</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | loading: false, |
| | | formObj: {}, |
| | | rules: { |
| | | userName: [ |
| | |
| | | }, |
| | | methods: { |
| | | login() { |
| | | this.loading = true; |
| | | this.$refs.formRef.validate((valid) => { |
| | | if (valid) { |
| | | if ( |
| | |
| | | }); |
| | | } |
| | | } |
| | | setTimeout(() => { |
| | | this.loading = false; |
| | | }, 1000); |
| | | }); |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .btn-login { |
| | | color: white; |
| | | margin-top: 20px; |
| | | border-radius: 6px; |
| | | padding: 8px 60px; |
| | |
| | | rgb(13, 56, 133), |
| | | rgb(11, 53, 131) |
| | | ); |
| | | cursor: pointer; |
| | | } |
| | | </style> |