MiniDay/hamster-blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 开发中...

Browse Source
This commit is contained in:
叁只仓鼠
2023-04-03 20:59:23 +08:00
parent e2bdd6a674
commit f2981ace22
52 changed files with 1576 additions and 847 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
blog-frontend/src/views/RegisterView.vue
View File

@@ -1,65 +1,66 @@
<script setup lang="ts">
import { reactive } from 'vue';
import { api } from '@/api';
import { reactive } from "vue";
import { api } from "@/api";
const form = reactive<{
email: string,
nickname: string,
password: string
email: string;
nickname: string;
password: string;
}>({
email: '',
nickname: '',
password: ''
})
email: "",
nickname: "",
password: "",
});
const onSubmit = () => {
api.UserController.register(form)
.then(resp => {
let vo = resp.data;
if (vo.code === 200) {
console.log('register success!')
} else {
console.warn('register failed: ', vo.msg)
return
}
api.updateCurrentUserInfo();
})
}
api.UserController.register(form).then((resp) => {
let vo = resp.data;
if (vo.code === 200) {
console.log("register success!");
} else {
console.warn("register failed: ", vo.msg);
return;
}
api.updateCurrentUserInfo();
});
};
</script>
<template>
<div class="register-div">
<el-card>
<el-form :model="form" label-width="60px">
<el-form-item label="邮箱">
<el-input v-model="form.email" />
</el-form-item>
<el-form-item label="昵称">
<el-input v-model="form.nickname" />
</el-form-item>
<el-form-item label="密码">
<el-input v-model="form.password" type="password" show-password />
</el-form-item>
<el-form-item>
<el-button class="register-button" type="primary" @click="onSubmit">注册</el-button>
</el-form-item>
</el-form>
</el-card>
</div>
<div class="register-div">
<el-card>
<el-form :model="form" label-width="60px">
<el-form-item label="邮箱">
<el-input v-model="form.email" />
</el-form-item>
<el-form-item label="昵称">
<el-input v-model="form.nickname" />
</el-form-item>
<el-form-item label="密码">
<el-input v-model="form.password" type="password" show-password />
</el-form-item>
<el-form-item>
<el-button class="register-button" type="primary" @click="onSubmit"
>注册</el-button
>
</el-form-item>
</el-form>
</el-card>
</div>
</template>
<style scoped>
.register-div {
height: 100%;
height: 100%;
}
.el-card {
width: 480px;
margin: 0 auto;
width: 480px;
margin: 0 auto;
}
.register-button {
margin: 0 auto;
width: 80%;
margin: 0 auto;
width: 80%;
}
</style>
</style>