Explorar o código

loading+回车登录

SanHQin hai 2 meses
pai
achega
f3dbd9b0f1
Modificáronse 1 ficheiros con 5 adicións e 2 borrados
  1. 5 2
      src/views/login/loginPage.vue

+ 5 - 2
src/views/login/loginPage.vue

@@ -1,7 +1,7 @@
 <template>
 	<!-- 全屏包裹容器 -->
 	<div class="loginBg">
-		<div class="loginBox">
+		<div class="loginBox" v-loading="loading">
 			<div class="login_top">
 				<img src="../../assets/school.png" alt="" />
 				<div class="top_title">深圳市荔园教育集团</div>
@@ -14,6 +14,7 @@
 						type="text"
 						placeholder="请输入组织号"
 						class="input"
+						@keyup.enter="loginFn"
 						v-model="org"
 					/>
 				</div>
@@ -23,6 +24,7 @@
 						type="text"
 						placeholder="请输入账户"
 						class="input"
+						@keyup.enter="loginFn"
 						v-model="account"
 					/>
 				</div>
@@ -32,10 +34,11 @@
 						type="password"
 						placeholder="请输入密码"
 						class="input"
+						@keyup.enter="loginFn"
 						v-model="password"
 					/>
 				</div>
-				<button class="confirm" @click="loginFn()">提交</button>
+				<button class="confirm" @click="loginFn()">登录</button>
 			</div>
 		</div>
 	</div>