"use client"; import Link from "next/link"; import React, { useState, useEffect } from "react"; import InOtherApp from "@/components/InOtherApp"; import Image from "next/image"; import download_lefttop from "@/public/images/download_lefttop.png"; import download_righttop from "@/public/images/download_righttop.png"; import download_rightmedium from "@/public/images/download_rightmedium.png"; import download_leftbottom from "@/public/images/download_leftbottom.png"; import download_rightbottom from "@/public/images/download_rightbottom.png"; import slogan from "@/public/images/slogan.png"; import qrcode from "@/public/images/qrcode.png"; import baseRequest from "@/utils/baseRequest"; import { generateSignature } from "@/utils/crypto"; import { Toast } from "antd-mobile"; import icon_border from "@/public/images/icon_border.png"; export default function Download({ params }) { const [deviceType, setDeviceType] = useState(""); useEffect(() => { const userAgent = navigator.userAgent; //区分设备类型 if (/Android/i.test(userAgent)) { setDeviceType("Android"); } else if (/iPhone|iPad|iPod/i.test(userAgent)) { setDeviceType("ios"); } else { setDeviceType("pc"); } }, []); //点下载在剪贴板写入主播邀请信息 const copyInviter = async () => { try { await navigator.clipboard.writeText( `复制此条消息,打开铁粉空间APP,查看详情https://tiefen.fun/${params.user_id}` ); } catch (error) { console.error("复制到剪贴板时出现错误:", error); } }; //页面数据 const [data, setData] = useState({}); useEffect(() => { const getData = async () => { try { const base = baseRequest(); const signature = generateSignature({ user_id: parseInt(params.user_id, 10), ...base, }); const detailResponse = await fetch( `/api/streamer/list_ext_by_user_id?signature=${signature}`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ user_id: parseInt(params.user_id, 10), ...base, }), } ); const detailData = await detailResponse.json(); if (detailData.ret === -1) { Toast.show({ content: detailData.msg, }); return; } setData(detailData.data.streamer_ext); } catch (error) { console.error(error); } }; getData(); }, []); return (
{deviceType === "pc" && (

立即下载

Android

扫描下方二维码

ios

)}
{deviceType === "pc" && (

手机扫码下载

)}
{deviceType !== "pc" && ( <> 安装 )} {deviceType !== "Android" && (

安装遇到困难,请 查看帮助

)}

{data?.name}   ID:{data?.user_id}

来「铁粉空间」查看我的更多精选内容

); }