在主播分享页添加下载按钮

app/[user_id]/page.jsx

@@ -5,10 +5,12 @@ import AuthBar from "@/components/AuthBar";
 import WechatBar from "./_components/WechatBar";
 import baseRequest from "@/utils/baseRequest";
 import { Toast } from "antd-mobile";
-import InOtherApp from "@/components/InOtherAppModal";
+import InOtherApp from "@/components/InOtherApp";
 import { generateSignature } from "@/utils/crypto";
 import Image from "next/image";
 import verification from "@/public/icon/verification.png";
+import icon_border from "@/public/images/icon_border.png";
+import Link from "next/link";
 
 export default function StreamerDetail({ params }) {
   //页面数据
@@ -61,7 +63,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>
       </div>
-      <div className="flex flex-col flex-1 px-4 py-2 z-10">
+      <div className="flex flex-col flex-1 px-4 pt-2 pb-6 z-10">
         <AuthBar />
         <div className="flex flex-col items-center mt-24">
           <div className="w-[74px] h-[74px] rounded-full overflow-hidden">
@@ -96,6 +98,18 @@ export default function StreamerDetail({ params }) {
           </div>
         ))}
       </div>
+      <div className="flex flex-row items-center bg-[#13121F] fixed bottom-0 left-0 w-full rounded-t-2xl z-20 p-4">
+        <Image src={icon_border} alt="" className="w-12 h-12" />
+        <div className="flex flex-col flex-1 ml-4">
+          <p className="text-white text-base font-medium">铁粉空间</p>
+          <p className="text-secondary text-sm font-medium">下载APP探索更多</p>
+        </div>
+        <Link className="p-2 pr-0" href="/">
+          <p className="btn btn-sm bg-gradient-to-r from-[#FF668B] to-[#FF66F0] rounded-full text-white font-medium">
+            立即下载
+          </p>
+        </Link>
+      </div>
     </section>
   );
 }

app/auth/layout.jsx

@@ -2,7 +2,7 @@
 import React, { useEffect } from "react";
 import { checkAuth } from "@/utils/auth";
 import { useRouter } from "next/navigation";
-import InOtherApp from "@/components/InOtherAppModal";
+import InOtherApp from "@/components/InOtherApp";
 
 export default function AuthLayout({ children }) {
   const router = useRouter();

app/page.jsx

@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import React, { useState, useEffect } from "react";
-import InOtherApp from "@/components/InOtherAppModal";
+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";

app/tool/[user_id]/page.jsx

@@ -4,7 +4,7 @@ import React, { useState, useEffect } from "react";
 import WechatBar from "./_components/WechatBar";
 import baseRequest from "@/utils/baseRequest";
 import { Toast } from "antd-mobile";
-import InOtherApp from "@/components/InOtherAppModal";
+import InOtherApp from "@/components/InOtherApp";
 import { generateSignature } from "@/utils/crypto";
 import Image from "next/image";
 import verification from "@/public/icon/verification.png";