debug
This commit is contained in:
parent
acba98f9fa
commit
cdfe530d5d
48
app/page.jsx
48
app/page.jsx
|
|
@ -11,11 +11,11 @@ import download_rightbottom from "@/public/images/download_rightbottom.png";
|
|||
import slogan from "@/public/images/slogan.png";
|
||||
import qrcode from "@/public/images/qrcode.png";
|
||||
import Footer from "@/components/Footer";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function Home() {
|
||||
const [currentUserAgent, setCurrentUserAgent] = useState();
|
||||
const [deviceType, setDeviceType] = useState("");
|
||||
|
||||
useEffect(() => {
|
||||
const userAgent = navigator.userAgent;
|
||||
setCurrentUserAgent(userAgent);
|
||||
|
|
@ -58,14 +58,41 @@ export default function Home() {
|
|||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col flex-1 py-16 items-center justify-around z-10">
|
||||
<div className="flex flex-col flex-1 py-8 items-center justify-around z-10">
|
||||
<Image className="w-96" src={slogan} priority alt="" />
|
||||
<p className="text-white">{deviceType}</p>
|
||||
<p className="text-white">{currentUserAgent}</p>
|
||||
<div className="flex px-8 max-w-xl">
|
||||
<h1 className="text-white text-base leading-6">
|
||||
<svg
|
||||
className="inline-block mr-2"
|
||||
viewBox="0 0 1024 1024"
|
||||
width="16"
|
||||
height="16"
|
||||
>
|
||||
<path
|
||||
d="M989.696 506.88c-23.04-23.04-50.688-34.304-83.968-34.304H768c-16.384 0-30.208-5.632-41.984-17.408-11.776-11.776-17.408-25.6-17.408-41.984v-19.456c0-43.52 15.36-80.896 46.08-111.616s68.096-46.08 111.616-46.08h39.424c10.752 0 19.968-4.096 27.648-11.776 7.68-7.68 11.776-16.896 11.776-27.648V118.272c0-10.752-3.584-19.968-11.776-27.648-7.68-7.68-16.896-11.776-27.648-11.776h-39.424c-42.496 0-83.456 8.192-122.368 25.088-38.912 16.384-72.192 38.912-100.864 67.584-28.16 28.16-50.688 61.952-67.584 100.864-16.896 38.912-25.088 79.36-25.088 122.368v433.152c0 32.768 11.776 60.928 34.304 83.968 23.04 23.04 50.688 34.304 83.968 34.304h236.032c32.768 0 60.928-11.264 83.968-34.304 23.04-23.04 34.304-50.688 34.304-83.968v-236.544c1.024-33.28-10.24-61.44-33.28-84.48M438.272 506.88c-23.04-23.04-50.688-34.304-83.456-34.304h-138.24c-16.384 0-30.208-5.632-41.984-17.408-11.776-11.776-17.408-25.6-17.408-41.984v-19.456c0-43.52 15.36-80.896 46.08-111.616s68.096-46.08 111.616-46.08h39.424c10.752 0 19.968-4.096 27.648-11.776 7.68-7.68 11.776-16.896 11.776-27.648V118.272c0-10.752-4.096-19.968-11.776-27.648-7.68-7.68-16.896-11.776-27.648-11.776h-39.424c-42.496 0-83.456 8.192-122.368 25.088-38.912 16.384-72.192 38.912-100.864 67.584C63.488 199.68 40.96 233.472 24.064 272.384 8.192 310.272 0 351.232 0 393.728v433.152c0 32.768 11.264 60.928 34.304 83.968 23.04 23.04 50.688 34.304 83.968 34.304h236.544c32.768 0 60.928-11.264 83.456-34.304 23.04-23.04 34.304-50.688 34.304-83.968v-236.544c0-32.256-11.264-60.416-34.304-83.456"
|
||||
fill="#FF669E"
|
||||
></path>
|
||||
</svg>
|
||||
铁粉空间是一款专注于创作者与粉丝互动的内容分享平台。在这里，你可以查看你喜欢的创作者的全平台账号，并可以一键跳转进行关注。也能在这儿查看Ta的最新动态，做最了解Ta的那个铁粉。
|
||||
<svg
|
||||
className="inline-block ml-2"
|
||||
viewBox="0 0 1024 1024"
|
||||
width="16"
|
||||
height="16"
|
||||
>
|
||||
<path
|
||||
d="M34.304 517.12c23.04 23.04 50.688 34.304 83.968 34.304H256c16.384 0 30.208 5.632 41.984 17.408 11.776 11.776 17.408 25.6 17.408 41.984v19.456c0 43.52-15.36 80.896-46.08 111.616s-68.096 46.08-111.616 46.08h-39.424c-10.752 0-19.968 4.096-27.648 11.776-7.68 7.68-11.776 16.896-11.776 27.648V906.24c0 10.752 3.584 19.968 11.776 27.648 7.68 7.68 16.896 11.776 27.648 11.776h39.424c42.496 0 83.456-8.192 122.368-25.088 38.912-16.384 72.192-38.912 100.864-67.584 28.16-28.16 50.688-61.952 67.584-100.864 16.896-38.912 25.088-79.36 25.088-122.368V197.12c0-32.768-11.776-60.928-34.304-83.968-23.04-23.04-50.688-34.304-83.968-34.304H118.272c-32.768 0-60.928 11.264-83.968 34.304C11.264 136.192 0 163.84 0 197.12v236.544C0 465.92 11.264 494.08 34.304 517.12m551.424 0c23.04 23.04 50.688 34.304 83.456 34.304h137.728c16.384 0 30.208 5.632 41.984 17.408 11.776 11.776 17.408 25.6 17.408 41.984v19.456c0 43.52-15.36 80.896-46.08 111.616s-68.096 46.08-111.616 46.08h-39.424c-10.752 0-19.968 4.096-27.648 11.776-7.68 7.68-11.776 16.896-11.776 27.648V906.24c0 10.752 4.096 19.968 11.776 27.648 7.68 7.68 16.896 11.776 27.648 11.776h39.424c42.496 0 83.456-8.192 122.368-25.088 38.912-16.384 72.192-38.912 100.864-67.584 28.16-28.16 50.688-61.952 67.584-100.864 16.896-38.912 25.088-79.36 25.088-122.368V197.12c0-32.768-11.264-60.928-34.304-83.968-23.04-23.04-50.688-34.304-83.968-34.304h-236.544c-32.768 0-60.928 11.264-83.456 34.304-23.04 23.04-34.304 50.688-34.304 83.968v236.544c-0.512 32.256 10.752 60.416 33.792 83.456"
|
||||
fill="#FF669E"
|
||||
></path>
|
||||
</svg>
|
||||
</h1>
|
||||
</div>
|
||||
{deviceType === "pc" && (
|
||||
<div className="flex flex-row gap-20">
|
||||
<a
|
||||
href="https://filecdn01.tiefen.fun/appdownload/ironfans1.4.3.apk"
|
||||
href="https://filecdn01.tiefen.fun/appdownload/ironfans1.4.5.apk"
|
||||
className="group relative cursor-pointer w-20 h-20 rounded-full bg-[#FFFFFF1A]"
|
||||
>
|
||||
<p className="group-hover:opacity-100 opacity-0 transition-all duration-300 absolute flex w-full h-full items-center justify-center text-white text-xs">
|
||||
|
|
@ -114,14 +141,25 @@ export default function Home() {
|
|||
className="btn bg-gradient-to-r from-[#FF668B] to-[#FF66F0] rounded-full text-white text-lg font-medium w-64 h-14"
|
||||
href={
|
||||
deviceType === "ios"
|
||||
? "https://apps.apple.com/app/%E9%93%81%E7%B2%89%E7%A9%BA%E9%97%B4/id6472775330"
|
||||
: "https://filecdn01.tiefen.fun/appdownload/ironfans1.4.3.apk"
|
||||
? "itms-services://?action=download-manifest&url=https://filecdn01.tiefen.fun/appdownload/ironfans.plist"
|
||||
: "https://filecdn01.tiefen.fun/appdownload/ironfans1.4.5.apk"
|
||||
}
|
||||
>
|
||||
安装
|
||||
</a>
|
||||
</>
|
||||
)}
|
||||
{deviceType !== "Android" && (
|
||||
<p className="mt-3 text-white text-sm font-normal">
|
||||
安装前请卸载旧版本，详情请
|
||||
<Link
|
||||
className="link text-primary cursor-pointer"
|
||||
href="/doc/ioshowtoinstall"
|
||||
>
|
||||
查看帮助
|
||||
</Link>
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<Footer />
|
||||
|
|
|
|||
Loading…
Reference in New Issue