mirror of
https://gitee.com/XiaoLFeng/JSL_OrganizeInternalOA_Web.git
synced 2025-06-08 19:53:04 +08:00
完善页面
This commit is contained in:
parent
14bda0e70c
commit
a820bd927b
12
src/App.vue
12
src/App.vue
@ -5,15 +5,3 @@
|
||||
<template>
|
||||
<router-view></router-view>
|
||||
</template>
|
||||
<style>
|
||||
body, html {
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: linear-gradient(to bottom, #87c7ff, #3fe2f8); /* 你想要的渐变背景颜色 */
|
||||
}
|
||||
|
||||
#app {
|
||||
min-height: 100%; /* 让 #app 至少与视口高度一样高 */
|
||||
}
|
||||
</style>
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class=" w-full h-auto">
|
||||
<div class=" w-full h-auto bg-sky-200">
|
||||
<nav class="w-full z-20 top-0 start-0 border-b border-gray-200 dark:border-gray-600">
|
||||
<div class="container w-full flex flex-wrap items-center justify-between mx-auto p-4">
|
||||
<div>
|
||||
@ -15,13 +15,13 @@
|
||||
<a href="#" class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500" aria-current="page">主页</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">关于</a>
|
||||
<a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">关于我们</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">服务</a>
|
||||
<a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">服务内容</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">联系</a>
|
||||
<a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">联系我们</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -114,7 +114,6 @@
|
||||
|
||||
<div class="container mx-auto mt-40">
|
||||
<h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">项目展示</h2>
|
||||
|
||||
<div class="flex flex-col space-y-10">
|
||||
<div class="flex space-x-12">
|
||||
<div class=" w-2/3 h-96 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
|
||||
@ -126,7 +125,7 @@
|
||||
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">项目1</h5>
|
||||
</a>
|
||||
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">简要叙述</p>
|
||||
<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-black bg-sky-200 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
了解更多
|
||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
|
||||
@ -143,7 +142,7 @@
|
||||
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">项目2</h5>
|
||||
</a>
|
||||
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">简要叙述</p>
|
||||
<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-black bg-sky-200 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
了解更多
|
||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
|
||||
@ -162,7 +161,7 @@
|
||||
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">项目3</h5>
|
||||
</a>
|
||||
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">简要叙述</p>
|
||||
<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-black bg-sky-200 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
了解更多
|
||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
|
||||
@ -179,7 +178,7 @@
|
||||
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">项目4</h5>
|
||||
</a>
|
||||
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">简要叙述</p>
|
||||
<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-black bg-sky-200 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
了解更多
|
||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
|
||||
@ -190,6 +189,59 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container mt-40 mx-auto">
|
||||
<h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">新闻与活动</h2>
|
||||
<div class="flex space-x-8">
|
||||
<div class="w-1/3 h-96 border-gray-400 bg-white">
|
||||
<a href="">
|
||||
<img src="" alt="" class="w-full h-60 border border-gray-400">
|
||||
<div class="ml-4">
|
||||
<h3 class="text-lg font-bold mt-10">新闻标题1</h3>
|
||||
<h4 class="mt-2 mb-4">时间</h4>
|
||||
<p class="ml-2">新闻简要内容</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class=" w-1/3 h-96 border-gray-400 bg-white">
|
||||
<a href="">
|
||||
<img src="" alt="" class="w-full h-60 border border-gray-400">
|
||||
<div class="ml-4">
|
||||
<h3 class="text-lg font-bold mt-10">新闻标题1</h3>
|
||||
<h4 class="mt-2 mb-4">时间</h4>
|
||||
<p class="ml-2">新闻简要内容</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-2 w-1/3 h-96 border-gray-400 bg-gray-100">
|
||||
<a href="" class="mt-4 ml-2 w-full h-20 hover:text-red-700">
|
||||
<h3 class="text-lg font-bold">新闻1</h3>
|
||||
<p>时间</p>
|
||||
</a>
|
||||
<a href="" class="ml-2 w-full h-20 hover:text-red-700">
|
||||
<h3 class="text-lg font-bold">新闻2</h3>
|
||||
<p>时间</p>
|
||||
</a>
|
||||
<a href="" class="ml-2 w-full h-20 hover:text-red-700">
|
||||
<h3 class="text-lg font-bold">新闻3</h3>
|
||||
<p>时间</p>
|
||||
</a>
|
||||
<a href="" class="ml-2 w-full h-20 hover:text-red-700">
|
||||
<h3 class="text-lg font-bold">新闻4</h3>
|
||||
<p>时间</p>
|
||||
</a>
|
||||
<a href="" class="ml-2 w-full h-20 hover:text-red-700">
|
||||
<h3 class="text-lg font-bold">新闻5</h3>
|
||||
<p>时间</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="mt-40 flex items-center justify-center">
|
||||
<div class="text-center">
|
||||
ICP备案
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
<template>
|
||||
<div class="w-full h-auto">
|
||||
<div class="container mx-auto mt-8 " >
|
||||
<div class="max-w-sm mx-auto bg-white border border-gray-200 rounded-lg shadow p-6 dark:bg-gray-800 dark:border-gray-700">
|
||||
<div class="w-full h-screen bg-sky-200">
|
||||
<div class="flex items-center justify-center">
|
||||
<div class="container mx-auto mt-20" >
|
||||
<div class="max-w-md mx-auto bg-white border border-gray-200 rounded-lg shadow p-10 dark:bg-gray-800 dark:border-gray-700">
|
||||
<h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">账号登录</h2>
|
||||
<form class="max-w-sm mx-auto">
|
||||
<form class="max-w-sm mx-auto w-96">
|
||||
<div class="mb-5">
|
||||
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">用户名</label>
|
||||
<input type="email" id="email" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
@ -19,17 +20,28 @@
|
||||
<label for="remember" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">记住我</label>
|
||||
</div>
|
||||
<div class="flex flex-col ">
|
||||
<a href="/success" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-32 sm:w-auto mt-2 mb-3 mx-8 px-10 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">登录</a>
|
||||
<div class="flex space-x-2">
|
||||
<a href="" class="text-blue-500 font-medium rounded-lg text-sm sm:w-auto ml-24 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">忘记密码？|</a>
|
||||
<a href="/register" class="text-blue-500 font-medium rounded-lg text-sm sm:w-auto ml-5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">注册</a>
|
||||
<a href="/success" class="text-white bg-sky-500 hover:bg-sky-700 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-32 sm:w-auto mt-2 mb-3 mx-8 px-10 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">登录</a>
|
||||
<div class="flex space-x-2 ml-24">
|
||||
<a href="" class="text-blue-500 font-medium rounded-lg text-sm sm:w-auto text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">忘记密码? |</a>
|
||||
<a href="/register" class="text-blue-500 font-medium rounded-lg text-sm sm:w-auto text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">注册 |</a>
|
||||
<a href="" class="text-blue-500 font-medium rounded-lg text-sm sm:w-auto text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">修改密码</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-40 flex items-center justify-center">
|
||||
<div class="text-center">
|
||||
ICP备案
|
||||
<br>
|
||||
公安备案
|
||||
<br>
|
||||
Copyright (C) 2023 xxx Group All Right Services.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
@ -1,48 +1,53 @@
|
||||
<template>
|
||||
<div class="w-full h-auto">
|
||||
<div class="container w-auto mx-auto mt-8 " >
|
||||
<div class="max-w-sm mx-auto bg-white border border-gray-200 rounded-lg shadow p-6 dark:bg-gray-800 dark:border-gray-700">
|
||||
<div class="w-auto h-auto bg-sky-200">
|
||||
<div class="flex items-center justify-center">
|
||||
<div class="container w-full max-w-md mx-auto mt-8 " >
|
||||
<div class=" mx-auto bg-white border border-gray-200 rounded-lg shadow p-8 dark:bg-gray-800 dark:border-gray-700">
|
||||
<h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">用户注册</h2>
|
||||
<form class="flex flex-col space-y-5 max-w-sm w-80">
|
||||
<div class="flex space-x-8">
|
||||
<form class="flex flex-col space-y-5 max-w-sm w-96">
|
||||
<div class="mb-5">
|
||||
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">真实姓名</label>
|
||||
<input type="email" id="email" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
<label for="truename" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">真实姓名</label>
|
||||
<input type="text" id="email" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">密码</label>
|
||||
<input type="password" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex space-x-8">
|
||||
<div class="mb-5">
|
||||
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">性别</label>
|
||||
<input type="password" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
<label for="sex" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">性别</label>
|
||||
<input type="text" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">出生日期</label>
|
||||
<input type="password" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex space-x-8">
|
||||
<div class="mb-5">
|
||||
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">单位</label>
|
||||
<input type="password" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
<label for="datebirth" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">出生日期</label>
|
||||
<input type="date" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">所学专业</label>
|
||||
<input type="password" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
</div>
|
||||
<label for="work" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">单位</label>
|
||||
<input type="text" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">家乡</label>
|
||||
<input type="password" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
<label for="speciality" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">所学专业</label>
|
||||
<input type="text" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
</div>
|
||||
<a href="" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-32 sm:w-auto mt-2 mb-3 mx-8 px-10 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">立即注册</a>
|
||||
<div class="mb-5">
|
||||
<label for="home" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">家乡</label>
|
||||
<input type="text" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
|
||||
</div>
|
||||
<a href="" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-32 sm:w-auto mb-1 mx-8 px-10 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">立即注册</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-40 flex items-center justify-center">
|
||||
<div class="text-center">
|
||||
ICP备案
|
||||
<br>
|
||||
公安备案
|
||||
<br>
|
||||
Copyright (C) 2023 xxx Group All Right Services.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
</script>
|
||||
Loading…
x
Reference in New Issue
Block a user