You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
991 B
41 lines
991 B
4 years ago
|
<template>
|
||
|
<v-container>
|
||
|
<v-row>
|
||
|
<v-col cols="12" md="6" sm="12">
|
||
|
<v-text-field placeholder="Name/Nickname" v-model="name"></v-text-field>
|
||
|
</v-col>
|
||
|
<v-col cols="12" md="6" sm="12">
|
||
|
<v-text-field placeholder="Code" v-model="code"></v-text-field>
|
||
|
</v-col>
|
||
|
<v-col cols="12" md="12" sm="12">
|
||
|
<v-text-field v-if="passwd" v-model="password" placeholder="Password" type="password"></v-text-field>
|
||
|
|
||
|
</v-col>
|
||
|
<v-col cols="12" md="6" sm="12"><v-btn @click="passwd=!passwd" text>Password Login</v-btn></v-col>
|
||
|
<v-col cols="12" md="6" sm="12">
|
||
|
<v-btn @click="login">Login</v-btn>
|
||
|
</v-col>
|
||
|
</v-row>
|
||
|
</v-container>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
name: 'Home',
|
||
|
data:() => ({
|
||
|
passwd: false,
|
||
|
name:'',
|
||
|
code:'',
|
||
|
password:''
|
||
|
}),
|
||
|
methods: {
|
||
|
login () {
|
||
|
this.$axios.post('login', {
|
||
|
username: this.code,
|
||
|
password: this.password
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|