wishpal_ironfan
/
tiefen_space_web
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改footer，只在根目录出现

This commit is contained in:
yezian 2024-01-23 18:29:48 +08:00
parent 9ee79025cc
commit df221fa145
5 changed files with 40 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/[user_id]/page.jsx
View File

@ -77,7 +77,7 @@ export default function StreamerDetail({ params }) {
<div className="absolute top-0 left-0 w-full h-64 bg-gradient-to-t from-[#07050A] to-[#00000000]"></div> <div className="absolute top-0 left-0 w-full h-64 bg-gradient-to-t from-[#07050A] to-[#00000000]"></div>
</div> </div>
</div> </div>
<div className="flex flex-col flex-1 px-4 pt-2 pb-6 z-10"> <div className="flex flex-col flex-1 px-4 pt-2 pb-24 z-10">
<AuthBar onNotLoginedClick={copyAndSetCookieInviter} /> <AuthBar onNotLoginedClick={copyAndSetCookieInviter} />
<div className="flex flex-col items-center mt-24"> <div className="flex flex-col items-center mt-24">
<div className="w-[74px] h-[74px] rounded-full overflow-hidden"> <div className="w-[74px] h-[74px] rounded-full overflow-hidden">

2
app/auth/login/layout.jsx
View File

@ -9,7 +9,7 @@ export default function LoginLayout({ children }) {
const pathname = usePathname(); const pathname = usePathname();
return ( return (
<section className="flex flex-1 flex-col items-center"> <section className="flex flex-1 flex-col items-center">
<Image src={slogan} alt="" className="mt-24 w-96" /> <Image src={slogan} priority alt="" className="mt-24 w-96" />
<div className="flex mt-4 h-10 justify-center"> <div className="flex mt-4 h-10 justify-center">
<div className="tabs tab-boxed w-72"> <div className="tabs tab-boxed w-72">
<Link <Link

30
app/layout.jsx
View File

@ -1,6 +1,4 @@
import "./globals.css"; import "./globals.css";
import Image from "next/image";
import beian from "@/public/images/beian.png";
export const metadata = { export const metadata = {
title: "铁粉空间APP", title: "铁粉空间APP",
@ -24,34 +22,6 @@ export default function RootLayout({ children }) {
> >
<body className="box-border min-h-screen flex flex-col"> <body className="box-border min-h-screen flex flex-col">
<div className="flex flex-1 justify-center">{children}</div> <div className="flex flex-1 justify-center">{children}</div>
<footer className="w-full px-4 py-4 z-10">
<div className="flex flex-row flex-wrap justify-center items-center">
<a
target="_blank"
href="http://beian.miit.gov.cn"
className="text-xs text-secondary"
>
蜀ICP备2023025827号-2
</a>
<span className="text-xs text-secondary">
&nbsp;&nbsp;｜&nbsp;&nbsp;
</span>
<a
target="_blank"
href="https://beian.mps.gov.cn/#/query/webSearch?code=51015602000741"
className="text-xs text-secondary"
>
<span>川公网安备51015602000741&nbsp;&nbsp;</span>
<Image src={beian} alt="beian" className="w-4" />
</a>
<span className="text-xs text-secondary">
&nbsp;&nbsp;｜&nbsp;&nbsp;
</span>
<a className="text-xs text-secondary">
Copyright © 2023-2024 成都心意到了科技有限公司
</a>
</div>
</footer>
</body> </body>
</html> </html>
); );

2
app/page.jsx
View File

@ -11,6 +11,7 @@ import download_leftbottom from "@/public/images/download_leftbottom.png";
import download_rightbottom from "@/public/images/download_rightbottom.png"; import download_rightbottom from "@/public/images/download_rightbottom.png";
import slogan from "@/public/images/slogan.png"; import slogan from "@/public/images/slogan.png";
import qrcode from "@/public/images/qrcode.png"; import qrcode from "@/public/images/qrcode.png";
import Footer from "@/components/Footer";
export default function Home() { export default function Home() {
const [deviceType, setDeviceType] = useState(""); const [deviceType, setDeviceType] = useState("");
@ -130,6 +131,7 @@ export default function Home() {
)} )}
</div> </div>
</div> </div>
<Footer />
</section> </section>
); );
} }

36
components/Footer/index.jsx Normal file
View File

@ -0,0 +1,36 @@
import React from "react";
import beian from "@/public/images/beian.png";
import Image from "next/image";
export default function Footer() {
return (
<footer className="w-full px-4 py-4 z-10">
<div className="flex flex-row flex-wrap justify-center items-center">
<a
target="_blank"
href="http://beian.miit.gov.cn"
className="text-xs text-secondary"
>
蜀ICP备2023025827号-2
</a>
<span className="text-xs text-secondary">
&nbsp;&nbsp;｜&nbsp;&nbsp;
</span>
<a
target="_blank"
href="https://beian.mps.gov.cn/#/query/webSearch?code=51015602000741"
className="text-xs text-secondary"
>
<span>川公网安备51015602000741&nbsp;&nbsp;</span>
<Image src={beian} alt="beian" className="w-4" />
</a>
<span className="text-xs text-secondary">
&nbsp;&nbsp;｜&nbsp;&nbsp;
</span>
<a className="text-xs text-secondary">
Copyright © 2023-2024 成都心意到了科技有限公司
</a>
</div>
</footer>
);
}