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.
53 lines
1.3 KiB
53 lines
1.3 KiB
<!--注册-->
|
|
<template>
|
|
<template v-if="step===1">
|
|
<el-row justify="center" type="flex">
|
|
<el-col :span="8">
|
|
<h1>欢迎使用直播间开播通知应用,请完成管理员注册操作</h1>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" justify="center">
|
|
<el-col :span="8">
|
|
<el-button type="info" class="btn-block" @click="step=2">开始注册</el-button>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
<template v-else-if="step===2">
|
|
<el-row type="flex" justify="center">
|
|
<el-col :span="8">
|
|
<h1>注册管理员</h1>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" justify="center">
|
|
<el-col :span="8">
|
|
<el-input v-model="userEmail">
|
|
<template v-slot:prepend>管理员邮箱</template>
|
|
</el-input>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" justify="center" class="mt-1">
|
|
<el-col :span="8">
|
|
<el-input v-model="code" placeholder="请输入验证码"/>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import {defineComponent, ref} from "vue";
|
|
|
|
export default defineComponent({
|
|
name: "Register",
|
|
setup() {
|
|
const step = ref<number>(1)
|
|
const userEmail = ref<string>('')
|
|
const code = ref<string>('')
|
|
|
|
return {step, userEmail, code}
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |