| | |
|---|
| | | |
|---|
| | | <el-button :loading="loading" type="primary" style="width:100%;margin-bottom:40px;" @click.prevent="handleLogin">登录</el-button> |
|---|
| | | </el-form> |
|---|
| | | |
|---|
| | | <el-dialog title="Or connect with" v-model="showDialog"> |
|---|
| | | Can not be simulated on local, so please combine you own business simulation! ! ! |
|---|
| | | <br> |
|---|
| | | <br> |
|---|
| | | <br> |
|---|
| | | <social-sign /> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { validUsername } from '@/utils/validate'; |
|---|
| | | import { defineComponent } from 'vue'; |
|---|
| | | import SocialSign from './components/SocialSignin.vue'; |
|---|
| | | import type { FormItemRule } from 'element-plus'; |
|---|
| | | import type { IForm } from '@/types/element-plus'; |
|---|
| | | import store from '@/store'; |
|---|
| | |
|---|
| | | |
|---|
| | | export default defineComponent({ |
|---|
| | | name: 'Login', |
|---|
| | | components: { SocialSign }, |
|---|
| | | data() { |
|---|
| | | const validateUsername: FormItemRule['validator'] = (_rule, value, callback) => { |
|---|
| | | if (!validUsername(value)) { |
|---|
