mirror of
https://gitee.com/XiaoLFeng/JSL_OrganizeInternalOA_Web.git
synced 2025-06-08 03:33:03 +08:00
重置密码、项目、新闻页面
This commit is contained in:
parent
0b6cfa9e77
commit
a8b2ba7b6d
71
src/components/ForgetPassword.vue
Normal file
71
src/components/ForgetPassword.vue
Normal file
@ -0,0 +1,71 @@
|
||||
<template>
|
||||
<div class="relative min-h-screen w-full bg-gray-200">
|
||||
<nav class="text-base z-50 sticky top-0 bg-white border-gray-200 dark:bg-gray-900 dark:border-gray-700">
|
||||
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||
<a href="/" class="flex items-center space-x-3 rtl:space-x-reverse">
|
||||
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">LOGO</span>
|
||||
</a>
|
||||
<button data-collapse-toggle="navbar-dropdown" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-dropdown" aria-expanded="false">
|
||||
<span class="sr-only">Open main menu</span>
|
||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="flex items-center justify-center">
|
||||
<div class="container mx-auto mt-20 mb-40" >
|
||||
<div class="max-w-md mx-auto bg-white border border-gray-200 shadow p-10">
|
||||
<h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">重置密码</h2>
|
||||
<form class="max-w-lg mx-auto w-auto">
|
||||
<div class="mb-5 flex">
|
||||
<span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
|
||||
<svg class="w-4 h-4 text-gray-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 16">
|
||||
<path d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z"/>
|
||||
<path d="M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z"/>
|
||||
</svg>
|
||||
</span>
|
||||
<input type="email" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-none rounded-e-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" placeholder="邮箱" required>
|
||||
</div>
|
||||
<div class="mb-5 flex">
|
||||
<span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
|
||||
<svg class="w-5 h-5 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M3.6 6.4 12 13l8.7-6.6L13 2.3a2 2 0 0 0-2 0l-7.4 4Z"/>
|
||||
<path d="m22 8-8.8 6.7a2 2 0 0 1-2.4 0L2 7.7v11.2A3 3 0 0 0 5 22h14a3 3 0 0 0 3-3V8Z"/>
|
||||
</svg>
|
||||
</span>
|
||||
<div class="flex space-x-6">
|
||||
<input type="text" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-r-lg focus:ring-blue-500 focus:border-blue-500 block w-2/3 p-2.5" placeholder="邮箱验证码" required>
|
||||
<button class="text-blue-500 font-medium text-sm hover:text-blue-700">获取验证码</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-5 flex">
|
||||
<span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
|
||||
<svg class="w-5 h-5 text-gray-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" d="M8 10V7a4 4 0 1 1 8 0v3h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7c0-1.1.9-2 2-2h1Zm2-3a2 2 0 1 1 4 0v3h-4V7Zm2 6c.6 0 1 .4 1 1v3a1 1 0 1 1-2 0v-3c0-.6.4-1 1-1Z" clip-rule="evenodd"/>
|
||||
</svg>
|
||||
</span>
|
||||
<input type="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-none rounded-e-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" placeholder="请输入新密码" required>
|
||||
</div>
|
||||
<div class="mb-5 flex">
|
||||
<span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
|
||||
<svg class="w-5 h-5 text-gray-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" d="M8 10V7a4 4 0 1 1 8 0v3h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7c0-1.1.9-2 2-2h1Zm2-3a2 2 0 1 1 4 0v3h-4V7Zm2 6c.6 0 1 .4 1 1v3a1 1 0 1 1-2 0v-3c0-.6.4-1 1-1Z" clip-rule="evenodd"/>
|
||||
</svg>
|
||||
</span>
|
||||
<input type="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-none rounded-e-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 " placeholder="请再次确认密码" required>
|
||||
</div>
|
||||
<div class="flex flex-col ">
|
||||
<a @click="loginUser" 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">登录</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Icp class="fixed bottom-0"/>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import Icp from "@/components/MainPage/Icp.vue";
|
||||
import {Button} from "view-ui-plus";
|
||||
</script>
|
||||
@ -56,7 +56,7 @@
|
||||
<a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">团队</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">新闻</a>
|
||||
<a href="/New" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">新闻</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<div class="mx-auto mt-24 flex flex-col space-y-8">
|
||||
<div class="flex space-x-12">
|
||||
<div @mouseover="showMoreButton1=true" @mouseleave="showMoreButton1=false"
|
||||
class="flex-1 transition-transform transform-gpu hover:scale-105 relative sm:w-1/2 md:w-1/4 lg:w-1/3 xl:w-1/4 h-[500px] bg-white border border-gray-200 shadow dark:bg-gray-800 dark:border-gray-700"
|
||||
class="flex-1 transition-transform transform-gpu hover:scale-105 relative sm:w-1/2 md:w-1/4 lg:w-1/3 xl:w-1/4 h-[500px] bg-white border border-gray-200 shadow"
|
||||
:class="{'hover:bg-green-400':showMoreButton1}"
|
||||
>
|
||||
<div>
|
||||
|
||||
191
src/components/NewPage/NewCard.vue
Normal file
191
src/components/NewPage/NewCard.vue
Normal file
@ -0,0 +1,191 @@
|
||||
<template>
|
||||
<div class="w-full min-h-screen mt-2">
|
||||
<div class="container mx-auto w-3/4">
|
||||
<nav class="bg-white border-gray-200 dark:bg-gray-900">
|
||||
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||
<div class="flex md:order-2">
|
||||
<div class="relative hidden md:block">
|
||||
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
||||
<svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<input type="text" id="search-navbar" class="block w-full p-2 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 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" placeholder="请输入关键字">
|
||||
</div>
|
||||
</div>
|
||||
<div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-search">
|
||||
<div class="relative mt-3 md:hidden">
|
||||
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
||||
<svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<input type="text" id="search-navbar" class="block w-full p-2 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 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" placeholder="Search...">
|
||||
</div>
|
||||
<ul class="flex flex-col p-4 md:p-0 mt-4 font-medium border border-gray-100 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
|
||||
<li>
|
||||
<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>
|
||||
</ul>
|
||||
<div date-rangepicker class="flex items-center ml-8">
|
||||
<div class="relative">
|
||||
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
||||
<svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<input name="start" type="text" 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 ps-10 p-2.5" placeholder="Select date start">
|
||||
</div>
|
||||
<span class="mx-4 text-gray-500">to</span>
|
||||
<div class="relative">
|
||||
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
||||
<svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<input name="end" type="text" 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 ps-10 p-2.5" placeholder="Select date end">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="flex flex-col space-y-6">
|
||||
<div class="flex space-x-28 transition-transform transform-gpu hover:scale-105 h-[200px] bg-gray-50 border border-gray-200 shadow">
|
||||
<div class="w-[300px]">
|
||||
<img class="h-[200px]" src="@/assets/images/img40.jpg" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div class="mt-8 text-lg text-black">
|
||||
千呼万唤始出来，千树万树梨花开。
|
||||
</div>
|
||||
<div class="text-sm mt-6 text-gray-600">
|
||||
等了这么久，勤劳的技术哥不停蹄地敲着代码，终于JSMO的后台今日完成，已经进入了测试阶段
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div class="mt-8 font-semibold text-3xl">
|
||||
01-23
|
||||
</div>
|
||||
<div class="text-lg">
|
||||
2024
|
||||
</div>
|
||||
<div class="mt-10 ml-auto mr-10">
|
||||
<a href="#" class="inline-flex items-center text-sm font-medium text-center text-gray-400 hover:text-white hover:bg-green-400 border border-gray-300 rounded-full">
|
||||
<svg class="rtl:rotate-180 w-6 h-6 m-1" 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"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex space-x-28 transition-transform transform-gpu hover:scale-105 h-[200px] bg-gray-50 border border-gray-200 shadow">
|
||||
<div class="w-[300px]">
|
||||
<img class="h-[200px]" src="@/assets/images/img41.jpg" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div class="mt-8 text-lg text-black">
|
||||
千呼万唤始出来，千树万树梨花开。
|
||||
</div>
|
||||
<div class="text-sm mt-6 text-gray-600">
|
||||
等了这么久，勤劳的技术哥不停蹄地敲着代码，终于JSMO的后台今日完成，已经进入了测试阶段
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div class="mt-8 font-semibold text-3xl">
|
||||
01-23
|
||||
</div>
|
||||
<div class="text-lg">
|
||||
2024
|
||||
</div>
|
||||
<div class="mt-10 ml-auto mr-10">
|
||||
<a href="#" class="inline-flex items-center text-sm font-medium text-center text-gray-400 hover:text-white hover:bg-green-400 border border-gray-300 rounded-full">
|
||||
<svg class="rtl:rotate-180 w-6 h-6 m-1" 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"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex space-x-28 transition-transform transform-gpu hover:scale-105 h-[200px] bg-gray-50 border border-gray-200 shadow">
|
||||
<div class="w-[300px]">
|
||||
<img class="h-[200px]" src="@/assets/images/img42.jpg" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div class="mt-8 text-lg text-black">
|
||||
千呼万唤始出来，千树万树梨花开。
|
||||
</div>
|
||||
<div class="text-sm mt-6 text-gray-600">
|
||||
等了这么久，勤劳的技术哥不停蹄地敲着代码，终于JSMO的后台今日完成，已经进入了测试阶段
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div class="mt-8 font-semibold text-3xl">
|
||||
01-23
|
||||
</div>
|
||||
<div class="text-lg">
|
||||
2024
|
||||
</div>
|
||||
<div class="mt-10 ml-auto mr-10">
|
||||
<a href="#" class="inline-flex items-center text-sm font-medium text-center text-gray-400 hover:text-white hover:bg-green-400 border border-gray-300 rounded-full">
|
||||
<svg class="rtl:rotate-180 w-6 h-6 m-1" 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"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<nav aria-label="Page navigation example" class="mt-10">
|
||||
<ul class="flex items-center -space-x-px h-10 text-base">
|
||||
<li>
|
||||
<a href="#" class="flex items-center justify-center px-4 h-10 ms-0 leading-tight text-gray-500 bg-white border border-e-0 border-gray-300 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
|
||||
<span class="sr-only">Previous</span>
|
||||
<svg class="w-3 h-3 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" aria-current="page" class="flex items-center justify-center px-4 h-10 leading-tight text-blue-600 bg-blue-50 border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
|
||||
1
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
|
||||
2
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-blue-300 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white">
|
||||
3
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
|
||||
4
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
|
||||
5
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
|
||||
<span class="sr-only">Next</span>
|
||||
<svg class="w-3 h-3 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
16
src/components/NewPage/NewDefaultPage.vue
Normal file
16
src/components/NewPage/NewDefaultPage.vue
Normal file
@ -0,0 +1,16 @@
|
||||
<template>
|
||||
<div class="relative w-[100%] min-h-screen">
|
||||
<div class="flex flex-col">
|
||||
<NavBar/>
|
||||
<NewCard/>
|
||||
</div>
|
||||
<div class="w-full fixed bottom-0">
|
||||
<Icp/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import NavBar from "@/components/MainPage/NavBar.vue";
|
||||
import Icp from "@/components/MainPage/Icp.vue";
|
||||
import NewCard from "@/components/NewPage/NewCard.vue";
|
||||
</script>
|
||||
@ -12,8 +12,8 @@
|
||||
<script>
|
||||
import NavBar from "@/components/MainPage/NavBar.vue";
|
||||
import More from "@/components/MainPage/More.vue";
|
||||
import ProjectDetails from "@/components/ProjectDisplay/ProjectCard.vue";
|
||||
import ProjectCard from "@/components/ProjectDisplay/ProjectCard.vue";
|
||||
import ProjectDetails from "@/components/ProjectPage/ProjectCard.vue";
|
||||
import ProjectCard from "@/components/ProjectPage/ProjectCard.vue";
|
||||
import Icp from "@/components/MainPage/Icp.vue";
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="relative min-h-screen w-full bg-gray-200">
|
||||
<div class="relative min-h-screen w-full bg-gray-200">
|
||||
<nav class="text-base z-50 sticky top-0 bg-white border-gray-200 dark:bg-gray-900 dark:border-gray-700">
|
||||
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||
<a href="/" class="flex items-center space-x-3 rtl:space-x-reverse">
|
||||
@ -45,10 +45,9 @@
|
||||
</div>
|
||||
<div class="flex flex-col ">
|
||||
<a @click="loginUser" 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 class="flex space-x-2 ml-32">
|
||||
<a href="/ForgetPassword" 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>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@ -32,7 +32,17 @@ const router = createRouter({
|
||||
{
|
||||
path:'/Project',
|
||||
name:'Project',
|
||||
component:()=>import('../components/ProjectDisplay/DefaultPage.vue')
|
||||
component:()=>import('@/components/ProjectPage/ProjectDefaultPage.vue')
|
||||
},
|
||||
{
|
||||
path:'/New',
|
||||
name:'New',
|
||||
component:()=>import('@/components/NewPage/NewDefaultPage.vue')
|
||||
},
|
||||
{
|
||||
path:'/ForgetPassword',
|
||||
name:'ForgetPassword',
|
||||
component:()=>import('@/components/ForgetPassword.vue')
|
||||
},
|
||||
{
|
||||
path:'/manager',
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user