2024-07-06 11:05:19 +08:00
|
|
|
|
"use client";
|
2024-06-25 20:18:37 +08:00
|
|
|
|
import { Inter } from "next/font/google";
|
2024-07-06 11:05:19 +08:00
|
|
|
|
import React, { useEffect } from "react";
|
2024-06-25 20:18:37 +08:00
|
|
|
|
import "./globals.css";
|
2024-06-27 18:34:03 +08:00
|
|
|
|
import BottomNav from "../components/BottomNav";
|
2024-07-08 20:07:36 +08:00
|
|
|
|
import { Provider } from "react-redux";
|
|
|
|
|
|
import store from "../store";
|
2024-07-12 22:52:48 +08:00
|
|
|
|
import withAuth from "@/components/WithAuth";
|
2024-06-25 20:18:37 +08:00
|
|
|
|
const inter = Inter({ subsets: ["latin"] });
|
2024-06-24 22:12:13 +08:00
|
|
|
|
|
2024-07-22 16:07:41 +08:00
|
|
|
|
const metadata = {
|
2024-06-26 19:46:31 +08:00
|
|
|
|
title: "铁粉空间",
|
|
|
|
|
|
description: "与Ta永不失联",
|
|
|
|
|
|
keywords: [
|
|
|
|
|
|
"铁粉空间",
|
|
|
|
|
|
"铁粉空间APP",
|
|
|
|
|
|
"社交",
|
|
|
|
|
|
"网红",
|
|
|
|
|
|
"粉丝",
|
|
|
|
|
|
"创作者",
|
|
|
|
|
|
"变现",
|
|
|
|
|
|
"平台",
|
|
|
|
|
|
"铁粉",
|
|
|
|
|
|
"空间",
|
|
|
|
|
|
],
|
|
|
|
|
|
};
|
|
|
|
|
|
export const viewport = {
|
|
|
|
|
|
width: "device-width",
|
|
|
|
|
|
initialScale: 1,
|
|
|
|
|
|
maximumScale: 1,
|
|
|
|
|
|
userScalable: 0,
|
2024-06-25 20:18:37 +08:00
|
|
|
|
};
|
2024-06-24 22:12:13 +08:00
|
|
|
|
export default function RootLayout({ children }) {
|
|
|
|
|
|
return (
|
2024-07-24 20:20:09 +08:00
|
|
|
|
<html
|
|
|
|
|
|
lang="zh-CN"
|
|
|
|
|
|
className="bg-deepBg h-full"
|
|
|
|
|
|
data-prefers-color-scheme="dark"
|
|
|
|
|
|
>
|
|
|
|
|
|
<head>
|
2024-07-22 16:07:41 +08:00
|
|
|
|
<title>{metadata.title}</title>
|
2024-07-24 20:20:09 +08:00
|
|
|
|
<link rel="icon" href="/favicon.ico" type="image/x-icon"></link>
|
2024-07-25 19:52:30 +08:00
|
|
|
|
<link
|
|
|
|
|
|
rel="shortcut icon"
|
|
|
|
|
|
href="/favicon.ico"
|
|
|
|
|
|
type="image/x-icon"
|
|
|
|
|
|
></link>
|
2024-07-24 20:20:09 +08:00
|
|
|
|
<link rel="icon" href="/favicon.png" type="image/png"></link>
|
2024-07-31 18:16:25 +08:00
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
2024-07-24 20:20:09 +08:00
|
|
|
|
<meta
|
|
|
|
|
|
name="description"
|
|
|
|
|
|
content={metadata.description}
|
|
|
|
|
|
keywords={metadata.keywords}
|
|
|
|
|
|
/>
|
2024-07-25 19:52:30 +08:00
|
|
|
|
<meta charSet="UTF-8" />
|
|
|
|
|
|
{/* <!-- 自定义应用图标可用 --> */}
|
|
|
|
|
|
<link
|
|
|
|
|
|
rel="apple-touch-icon-precomposed"
|
|
|
|
|
|
sizes="120x120"
|
|
|
|
|
|
href="favicon.ico"
|
|
|
|
|
|
/>
|
|
|
|
|
|
{/* <!-- 全屏设置 --> */}
|
|
|
|
|
|
<meta
|
|
|
|
|
|
name="viewport"
|
|
|
|
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
{/* <!-- 网站开启对 web app 程序的支持 具体表现为去除浏览器地址栏和底部导航栏 ：先保存为桌面书签，然后通过书签打开即可生效--> */}
|
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
|
|
|
{/* <!-- 用来定义顶部状态栏的形式默认是default为白色 black为黑色 black-translucent为灰色半透明（会占据屏幕的约20px，不同的设备可能会有差异）--> */}
|
|
|
|
|
|
{/* <!-- 在定义了apple-mobile-web-app-capable的前提下，设置状态栏的属性值apple-mobile-web-app-status-bar-style才有效； --> */}
|
|
|
|
|
|
<meta
|
|
|
|
|
|
name="apple-mobile-web-app-status-bar-style"
|
|
|
|
|
|
content="black-translucent"
|
|
|
|
|
|
/>
|
2024-07-24 20:20:09 +08:00
|
|
|
|
</head>
|
|
|
|
|
|
<body className={`${inter.className} h-full`}>
|
2024-07-22 19:43:20 +08:00
|
|
|
|
<main className={`w-full bg-deepBg h-full`}>
|
2024-07-12 22:52:48 +08:00
|
|
|
|
{withAuth(<Provider store={store}>{children}</Provider>)}
|
|
|
|
|
|
{/* <Provider store={store}>{children}</Provider> */}
|
2024-07-02 15:09:48 +08:00
|
|
|
|
</main>
|
2024-07-19 14:14:40 +08:00
|
|
|
|
<footer className="fixed bottom-0 left-0 w-screen bg-black">
|
2024-07-08 20:07:36 +08:00
|
|
|
|
<div>
|
|
|
|
|
|
<BottomNav />
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</footer>
|
2024-06-27 18:34:03 +08:00
|
|
|
|
</body>
|
2024-06-24 22:12:13 +08:00
|
|
|
|
</html>
|
2024-06-25 20:18:37 +08:00
|
|
|
|
);
|
2024-06-24 22:12:13 +08:00
|
|
|
|
}
|
