<script setup>
// Copyright 2024 FlexCDN root@flexcdn.cn. All rights reserved. Official site: https://flexcdn.cn .

import ctxRef from "@/utils/ctx_ref.js"
import Context from "./verify.js"
import "./verify.css"
import BasicLayout from "@/layouts/BasicLayout.vue";

const ctx = ctxRef(new Context())

</script>

<template>
	<BasicLayout>
		<div class="form-box">
			<form>
				<div v-if="ctx.isOk">
					<h6 class="green"><span class="green">邮箱地址 {{ ctx.email }} 激活成功！</span></h6>
				</div>
				<div v-if="!ctx.isOk">
					<h6>
						<span class="red"><span v-if="ctx.email.length > 0">邮箱地址 {{ ctx.email }} </span>激活失败！</span>
					</h6>
					<p class="mt-2"><span class="red">失败原因：{{ ctx.errorMessage }}</span></p>
				</div>
				<div class="home-link-box">
					<a href="/login" class="link">去登录页 &raquo;</a>
				</div>
			</form>
		</div>
	</BasicLayout>
</template>

<style lang="postcss" scoped>
</style>