31 lines
973 B
Vue
31 lines
973 B
Vue
<template>
|
|
|
|
<div class='login-box'>
|
|
|
|
<div class='icon'></div>
|
|
|
|
<div class='form'>
|
|
<h3>Welcome back!</h3>
|
|
<label v-show='gs.login.failed' class='err'><span>Invalid Combination</span></label>
|
|
<label>USERNAME <span :data-err='gs.login.username.error'></span></label>
|
|
<input @keyup='gs.login.func.press_enter' type='text' v-model='gs.login.username.mutable' class='flat' autofocus>
|
|
<label>PASSWORD <span :data-err='gs.login.password.error'></span></label>
|
|
<input @keyup='gs.login.func.press_enter' type='password' v-model='gs.login.password.mutable' class='flat'>
|
|
<!-- <label for='fpass' class='link' @click='gs.login.func.forgot_pass()'>FORGOT YOUR PASSWORD ?</label> -->
|
|
|
|
<button class='submit' @click='gs.login.func.login()'>Login</button>
|
|
<span>Need an account? <router-link to='register'>Register</router-link></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template><script>
|
|
export default {
|
|
|
|
name: 'login-',
|
|
|
|
data(){ return { gs: gs.get }; }
|
|
|
|
}
|
|
|
|
</script> |