2025-01-19 15:20:49 +08:00
|
|
|
<template>
|
|
|
|
|
<body class="bg-gradient-primary">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="card o-hidden border-0 shadow-lg my-5">
|
|
|
|
|
<div class="card-body p-0">
|
|
|
|
|
<!-- Nested Row within Card Body -->
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-lg-5 d-none d-lg-block bg-register-image"></div>
|
|
|
|
|
<div class="col-lg-7">
|
|
|
|
|
<div class="p-5">
|
|
|
|
|
<div class="text-center">
|
2025-01-21 19:18:28 +08:00
|
|
|
<h1 class="h4 text-gray-900 mb-4">創 建 帳 號 !</h1>
|
2025-01-19 15:20:49 +08:00
|
|
|
</div>
|
|
|
|
|
<form class="user">
|
|
|
|
|
<div class="form-group row">
|
|
|
|
|
<div class="col-sm-6 mb-3 mb-sm-0">
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="form-control form-control-user"
|
|
|
|
|
id="exampleFirstName"
|
|
|
|
|
placeholder="First Name"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="form-control form-control-user"
|
|
|
|
|
id="exampleLastName"
|
|
|
|
|
placeholder="Last Name"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<input
|
|
|
|
|
type="email"
|
|
|
|
|
class="form-control form-control-user"
|
|
|
|
|
id="exampleInputEmail"
|
|
|
|
|
placeholder="Email Address"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group row">
|
|
|
|
|
<div class="col-sm-6 mb-3 mb-sm-0">
|
|
|
|
|
<input
|
|
|
|
|
type="password"
|
|
|
|
|
class="form-control form-control-user"
|
|
|
|
|
id="exampleInputPassword"
|
|
|
|
|
placeholder="Password"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<input
|
|
|
|
|
type="password"
|
|
|
|
|
class="form-control form-control-user"
|
|
|
|
|
id="exampleRepeatPassword"
|
|
|
|
|
placeholder="Repeat Password"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a
|
|
|
|
|
href="login.html"
|
|
|
|
|
class="btn btn-primary btn-user btn-block"
|
|
|
|
|
>
|
|
|
|
|
Register Account
|
|
|
|
|
</a>
|
|
|
|
|
<hr />
|
|
|
|
|
<a
|
|
|
|
|
href="index.html"
|
|
|
|
|
class="btn btn-google btn-user btn-block"
|
|
|
|
|
>
|
|
|
|
|
<i class="fab fa-google fa-fw"></i> Register with Google
|
|
|
|
|
</a>
|
|
|
|
|
<a
|
|
|
|
|
href="index.html"
|
|
|
|
|
class="btn btn-facebook btn-user btn-block"
|
|
|
|
|
>
|
|
|
|
|
<i class="fab fa-facebook-f fa-fw"></i> Register with
|
|
|
|
|
Facebook
|
|
|
|
|
</a>
|
|
|
|
|
</form>
|
|
|
|
|
<hr />
|
|
|
|
|
<div class="text-center">
|
|
|
|
|
<a class="small" href="forgot-password.html"
|
|
|
|
|
>Forgot Password?</a
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="text-center">
|
|
|
|
|
<a class="small" href="login.html"
|
|
|
|
|
>Already have an account? Login!</a
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import { useHead } from "#app";
|
|
|
|
|
|
|
|
|
|
definePageMeta({
|
|
|
|
|
layout: false, // 禁用 layout
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
useHead({
|
|
|
|
|
title: "Lamiter",
|
|
|
|
|
meta: [
|
|
|
|
|
{ charset: "utf-8" },
|
|
|
|
|
{ "http-equiv": "X-UA-Compatible", content: "IE=edge" },
|
|
|
|
|
{
|
|
|
|
|
name: "viewport",
|
|
|
|
|
content: "width=device-width, initial-scale=1, shrink-to-fit=no",
|
|
|
|
|
},
|
|
|
|
|
{ name: "description", content: "" },
|
|
|
|
|
{ name: "author", content: "" },
|
|
|
|
|
],
|
|
|
|
|
link: [
|
|
|
|
|
{
|
|
|
|
|
rel: "stylesheet",
|
|
|
|
|
href: "https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i",
|
|
|
|
|
}, // 確保 `styles.css` 位於 public/css 資料夾中
|
|
|
|
|
{ rel: "stylesheet", href: "/css/sb-admin-2.min.css" },
|
|
|
|
|
{ rel: "stylesheet", href: "/vendor/fontawesome-free/css/all.min.css" },
|
|
|
|
|
],
|
|
|
|
|
script: [
|
|
|
|
|
//{ src: 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js', crossorigin: 'anonymous' },
|
|
|
|
|
{ src: "/vendor/jquery/jquery.min.js" },
|
|
|
|
|
{ src: "/vendor/bootstrap/js/bootstrap.bundle.min.js" },
|
|
|
|
|
{ src: "/vendor/jquery-easing/jquery.easing.min.js" },
|
|
|
|
|
{ src: "/js/sb-admin-2.min.js" },
|
|
|
|
|
],
|
|
|
|
|
});
|
|
|
|
|
</script>
|
