diff --git a/app/[user_id]/page.jsx b/app/[user_id]/page.jsx
index 7a115d6..2d97c89 100644
--- a/app/[user_id]/page.jsx
+++ b/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>
   );
 }
diff --git a/app/auth/layout.jsx b/app/auth/layout.jsx
index 59dd405..78e40e0 100644
--- a/app/auth/layout.jsx
+++ b/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();
diff --git a/app/page.jsx b/app/page.jsx
index fded05c..81ce3d6 100644
--- a/app/page.jsx
+++ b/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";
diff --git a/app/tool/[user_id]/page.jsx b/app/tool/[user_id]/page.jsx
index 83ecc8d..7a111d3 100644
--- a/app/tool/[user_id]/page.jsx
+++ b/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";
diff --git a/components/InOtherAppModal/index.jsx b/components/InOtherApp/index.jsx
similarity index 100%
rename from components/InOtherAppModal/index.jsx
rename to components/InOtherApp/index.jsx
diff --git a/public/images/icon_border.png b/public/images/icon_border.png
new file mode 100644
index 0000000..72c749d
Binary files /dev/null and b/public/images/icon_border.png differ