mirror of
https://github.com/r-ca/kidshift-web.git
synced 2024-10-25 16:34:01 +00:00
ログインページ修正
This commit is contained in:
parent
54acd7d8e9
commit
4e5e7de73b
|
@ -2,7 +2,7 @@
|
|||
<q-page class="flex flex-center">
|
||||
<q-card class="q-pa-md" style="max-width: 400px; width: 100%;">
|
||||
<q-card-section>
|
||||
<div class="text-h6">Login</div>
|
||||
<div class="text-h6">KidShiftにログイン</div>
|
||||
</q-card-section>
|
||||
|
||||
<q-card-section>
|
||||
|
@ -10,13 +10,13 @@
|
|||
<q-input
|
||||
v-model="loginCode"
|
||||
type="text"
|
||||
label="Enter 8-digit code"
|
||||
mask="########"
|
||||
label="ログインコード"
|
||||
mask="####-####"
|
||||
fill-mask
|
||||
:rules="[val => val.length === 8 || 'Code must be 8 digits']"
|
||||
:rules="[val => val.length === 9 || 'ログインコードは8桁の数字です']"
|
||||
outlined
|
||||
/>
|
||||
<q-btn type="submit" label="Login" color="primary" class="q-mt-md" :disable="!canLogin" />
|
||||
<q-btn type="submit" label="ログイン" color="primary" class="q-mt-md" :disable="!canLogin" />
|
||||
</q-form>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
@ -28,7 +28,7 @@ import { ref, computed } from 'vue';
|
|||
|
||||
const loginCode = ref('');
|
||||
|
||||
const canLogin = computed(() => loginCode.value.length === 8);
|
||||
const canLogin = computed(() => loginCode.value.length === 9);
|
||||
|
||||
const login = () => {
|
||||
if (canLogin.value) {
|
||||
|
|
Loading…
Reference in New Issue
Block a user