Merge pull request '更改静态资源地址为cdn链接' (#83) from cdn into main

Reviewed-on: https://git.wishpal.cn/wishpal_ironfan/tiefen_space_web/pulls/83

app/[user_id]/_components/WechatBar/index.jsx

@@ -5,10 +5,6 @@ import React, { useState } from "react";
 import { useRouter } from "next/navigation";
 import baseRequest from "@/utils/baseRequest";
 import { generateSignature } from "@/utils/crypto";
-import Image from "next/image";
-import platform_wechat from "@/public/images/platform_wechat.png";
-import direct_purchase from "@/public/icon/direct_purchase.png";
-import app_purchase from "@/public/icon/app_purchase.png";
 import { Toast } from "antd-mobile";
 import { checkAuth } from "@/utils/auth";
 
@@ -98,7 +94,7 @@ export default function WechatBar({
         onClick={() => setShowBuyWechat(!showBuyWechat)}
         className="flex flex-row cursor-pointer bg-[#07050A] border-2 border-[#FFFFFF26] rounded-2xl h-12 items-center justify-center"
       >
-        <Image src={platform_wechat} alt="" className="w-5 h-5" />
+        <img src="/cdn/images/platform_wechat.png" alt="" className="w-5 h-5" />
         <p className="text-white text-base font-medium ml-2">我的微信</p>
       </div>
       <div
@@ -110,7 +106,7 @@ export default function WechatBar({
           className="flex flex-row cursor-pointer items-center justify-center py-4"
           onClick={() => document.getElementById("comfirm_modal").showModal()}
         >
-          <Image src={direct_purchase} alt="" className="w-5 h-5" />
+          <img src="/cdn/icon/direct_purchase.png" alt="" className="w-5 h-5" />
           <p className="text-white text-base font-medium ml-2">
             直接解锁(¥{price})
           </p>
@@ -123,7 +119,7 @@ export default function WechatBar({
             router.push("/");
           }}
         >
-          <Image src={app_purchase} alt="" className="w-5 h-5" />
+          <img src="/cdn/icon/app_purchase.png" alt="" className="w-5 h-5" />
           <p className="text-white text-base font-medium ml-2">
             APP内解锁(-10%)
           </p>

app/[user_id]/page.jsx

@@ -7,10 +7,6 @@ import baseRequest from "@/utils/baseRequest";
 import { Toast } from "antd-mobile";
 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 zone from "@/public/images/zone.png";
 import Link from "next/link";
 import { setCookie } from "cookies-next";
 import copy from "@/utils/copy";
@@ -87,7 +83,7 @@ export default function StreamerDetail({ params }) {
           </div>
           <div className="flex flex-row items-center mt-3">
             <p className="text-white text-2xl font-medium mr-1">{data?.name}</p>
-            <Image src={verification} alt="" className="w-6 h-6" />
+            <img src="/cdn/icon/verification.png" alt="" className="w-6 h-6" />
           </div>
           <p className="text-secondary text-sm text-center font-medium mt-3 px-4">
             {data?.bio}
@@ -98,7 +94,7 @@ export default function StreamerDetail({ params }) {
             href={`/zone/${data?.user_id}`}
             className="flex flex-row cursor-pointer bg-[#07050A] border-2 border-[#FFFFFF26] rounded-2xl h-12 items-center justify-center mt-4"
           >
-            <Image src={zone} alt="" className="w-5 h-5" />
+            <img src="/cdn/images/zone.png" alt="" className="w-5 h-5" />
             <p className="text-white text-base font-medium ml-2">
               我的秘密空间
             </p>
@@ -129,7 +125,7 @@ export default function StreamerDetail({ params }) {
         ))}
       </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" />
+        <img src="/cdn/images/icon_border.png" 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>

app/auth/login/layout.jsx

@@ -2,14 +2,12 @@
 
 import { usePathname } from "next/navigation";
 import Link from "next/link";
-import Image from "next/image";
-import slogan from "@/public/images/slogan.png";
 
 export default function LoginLayout({ children }) {
   const pathname = usePathname();
   return (
     <section className="flex flex-1 flex-col items-center">
-      <Image src={slogan} priority alt="" className="mt-24 w-96" />
+      <img src="/cdn/images/slogan.png" alt="" className="mt-24 w-96" />
       <div className="flex mt-4 h-10 justify-center">
         <div className="tabs tab-boxed w-72">
           <Link

app/doc/[title]/IosHowToInstall.jsx

@@ -1,12 +1,5 @@
 import Link from "next/link";
 import React from "react";
-import Image from "next/image";
-import iosinstall_1 from "@/public/images/iosinstall_1.png";
-import iosinstall_2 from "@/public/images/iosinstall_2.png";
-import iosinstall_3 from "@/public/images/iosinstall_3.png";
-import iosinstall_4 from "@/public/images/iosinstall_4.png";
-import iosinstall_5 from "@/public/images/iosinstall_5.png";
-import iosinstall_6 from "@/public/images/iosinstall_6.png";
 
 export default function IosHowToInstall() {
   return (
@@ -23,17 +16,41 @@ export default function IosHowToInstall() {
       </p>
       <h1 className="text-white text-2xl font-medium mt-4">操作指引</h1>
       <p className="text-white text-base mt-2">1️⃣打开【设置】</p>
-      <Image className="w-80 self-center" src={iosinstall_1} priority alt="" />
+      <img
+        className="w-80 self-center"
+        src="/cdn/images/iosinstall_1.png"
+        alt=""
+      />
       <p className="text-white text-base mt-2">2️⃣点击【通用】</p>
-      <Image className="w-80 self-center" src={iosinstall_2} priority alt="" />
+      <img
+        className="w-80 self-center"
+        src="/cdn/images/iosinstall_2.png"
+        alt=""
+      />
       <p className="text-white text-base mt-2">3️⃣点击【VPN与设备管理】</p>
-      <Image className="w-80 self-center" src={iosinstall_3} priority alt="" />
+      <img
+        className="w-80 self-center"
+        src="/cdn/images/iosinstall_3.png"
+        alt=""
+      />
       <p className="text-white text-base mt-2">4️⃣点击【证书】</p>
-      <Image className="w-80 self-center" src={iosinstall_4} alt="" />
+      <img
+        className="w-80 self-center"
+        src="/cdn/images/iosinstall_4.png"
+        alt=""
+      />
       <p className="text-white text-base mt-2">5️⃣点击【信任证书】</p>
-      <Image className="w-80 self-center" src={iosinstall_5} alt="" />
+      <img
+        className="w-80 self-center"
+        src="/cdn/images/iosinstall_5.png"
+        alt=""
+      />
       <p className="text-white text-base mt-2">6️⃣在弹出页点击【信任】</p>
-      <Image className="w-80 self-center" src={iosinstall_6} alt="" />
+      <img
+        className="w-80 self-center"
+        src="/cdn/images/iosinstall_6.png"
+        alt=""
+      />
       <p className="text-white text-base mt-4">
         注：请于IOS7.1及以上版本运行此软件，具体【设置】内的样式展示可能会根据您的IOS版本有些区别，请注意区分。
       </p>

app/download/[user_id]/page.jsx

@@ -1,16 +1,7 @@
 "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";
@@ -79,34 +70,34 @@ export default function Download({ params }) {
     <section className="flex flex-col container">
       <InOtherApp />
       <div className="absolute top-0 left-0 w-full h-full z-0">
-        <Image
+        <img
           className="absolute top-0 left-0 w-36"
-          src={download_lefttop}
+          src="/cdn/images/download_lefttop.png"
           alt=""
         />
-        <Image
+        <img
           className="absolute top-10 right-0 w-28"
-          src={download_righttop}
+          src="/cdn/images/download_righttop.png"
           alt=""
         />
-        <Image
+        <img
           className="absolute top-64 right-0 w-24"
-          src={download_rightmedium}
+          src="/cdn/images/download_rightmedium.png"
           alt=""
         />
-        <Image
+        <img
           className="absolute bottom-[17rem] left-0 w-32"
-          src={download_leftbottom}
+          src="/cdn/images/download_leftbottom.png"
           alt=""
         />
-        <Image
+        <img
           className="absolute bottom-0 right-0 w-[21rem]"
-          src={download_rightbottom}
+          src="/cdn/images/download_rightbottom.png"
           alt=""
         />
       </div>
       <div className="flex flex-col flex-1 pt-16 pb-36 items-center justify-around z-10">
-        <Image className="w-96" src={slogan} priority alt="" />
+        <img className="w-96" src="/cdn/images/slogan.png" alt="" />
         {deviceType === "pc" && (
           <div className="flex flex-row gap-20">
             <a
@@ -147,7 +138,11 @@ export default function Download({ params }) {
           </div>
         )}
         <div className="flex flex-col justify-center items-center">
-          <Image className="w-28 rounded-2xl" src={qrcode} priority alt="" />
+          <img
+            className="w-28 rounded-2xl"
+            src="/cdn/images/qrcode.png"
+            alt=""
+          />
           {deviceType === "pc" && (
             <p className="mt-3 text-white text-sm font-normal">手机扫码下载</p>
           )}

app/help/page.jsx

@@ -1,12 +1,10 @@
 import React from "react";
-import Image from "next/image";
-import logo from "@/public/images/logo.png";
 
 export default function Help() {
   return (
     <section className="flex-1 container">
       <div className="flex flex-col items-center justify-center p-4">
-        <Image src={logo} priority alt="" className="w-64 mt-12" />
+        <img src="/cdn/images/logo.png" alt="" className="w-64 mt-12" />
         <p className="text-white font-medium text-base text-center mt-4">
           若对于产品存在任何疑问或需要技术支持，请发送邮件到：
         </p>

app/not-found.jsx

@@ -1,15 +1,12 @@
 import React from "react";
-import Image from "next/image";
-import notFoundSvg from "@/public/svgs/illustatus.svg";
 import Link from "next/link";
 
 export default function NotFound() {
   return (
     <section className="flex flex-col container items-center">
-      <Image
+      <img
         className="w-full max-w-2xl mt-24"
-        priority
+        src="/cdn/svgs/illustatus.svg"
-        src={notFoundSvg}
         alt=""
       />
       <p className="text-2xl text-white font-semibold">404 当前页面不存在</p>

app/page.jsx

@@ -2,14 +2,6 @@
 
 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 Footer from "@/components/Footer";
 import Link from "next/link";
 
@@ -30,34 +22,34 @@ export default function Home() {
     <section className="flex flex-col container">
       <InOtherApp />
       <div className="absolute top-0 left-0 w-full h-full z-0">
-        <Image
+        <img
           className="absolute top-0 left-0 w-36"
-          src={download_lefttop}
+          src="/cdn/images/download_lefttop.png"
           alt=""
         />
-        <Image
+        <img
           className="absolute top-10 right-0 w-28"
-          src={download_righttop}
+          src="/cdn/images/download_righttop.png"
           alt=""
         />
-        <Image
+        <img
           className="absolute top-64 right-0 w-24"
-          src={download_rightmedium}
+          src="/cdn/images/download_rightmedium.png"
           alt=""
         />
-        <Image
+        <img
           className="absolute bottom-[17rem] left-0 w-32"
-          src={download_leftbottom}
+          src="/cdn/images/download_leftbottom.png"
           alt=""
         />
-        <Image
+        <img
           className="absolute bottom-0 right-0 w-[21rem]"
-          src={download_rightbottom}
+          src="/cdn/images/download_rightbottom.png"
           alt=""
         />
       </div>
       <div className="flex flex-col flex-1 py-8 items-center justify-around z-10">
-        <Image className="w-96" src={slogan} priority alt="" />
+        <img className="w-96" src="/cdn/images/slogan.png" alt="" />
         <div className="flex px-8 max-w-xl">
           <h1 className="text-white text-base leading-6">
             <svg
@@ -128,7 +120,11 @@ export default function Home() {
           </div>
         )}
         <div className="flex flex-col justify-center items-center">
-          <Image className="w-28 rounded-2xl" src={qrcode} priority alt="" />
+          <img
+            className="w-28 rounded-2xl"
+            src="/cdn/images/qrcode.png"
+            alt=""
+          />
           {deviceType === "pc" && (
             <p className="mt-3 text-white text-sm font-normal">手机扫码下载</p>
           )}

app/tool/[user_id]/_components/WechatBar/index.jsx

@@ -5,10 +5,6 @@ import React, { useState } from "react";
 import { useRouter } from "next/navigation";
 import baseRequest from "@/utils/baseRequest";
 import { generateSignature } from "@/utils/crypto";
-import Image from "next/image";
-import platform_wechat from "@/public/images/platform_wechat.png";
-import direct_purchase from "@/public/icon/direct_purchase.png";
-import app_purchase from "@/public/icon/app_purchase.png";
 import { Toast } from "antd-mobile";
 import { checkAuth } from "@/utils/auth";
 
@@ -69,7 +65,7 @@ export default function WechatBar({ price, streamerMid }) {
         onClick={() => setShowBuyWechat(!showBuyWechat)}
         className="flex flex-row cursor-pointer bg-[#07050A] border-2 border-[#FFFFFF26] rounded-2xl h-12 items-center justify-center"
       >
-        <Image src={platform_wechat} alt="" className="w-5 h-5" />
+        <img src="/cdn/images/platform_wechat.png" alt="" className="w-5 h-5" />
         <p className="text-white text-base font-medium ml-2">我的微信</p>
       </div>
       <div
@@ -81,7 +77,7 @@ export default function WechatBar({ price, streamerMid }) {
           className="flex flex-row cursor-pointer items-center justify-center py-4"
           onClick={() => document.getElementById("comfirm_modal").showModal()}
         >
-          <Image src={direct_purchase} alt="" className="w-5 h-5" />
+          <img src="/cdn/icon/direct_purchase.png" alt="" className="w-5 h-5" />
           <p className="text-white text-base font-medium ml-2">
             直接解锁(¥{price})
           </p>
@@ -91,7 +87,7 @@ export default function WechatBar({ price, streamerMid }) {
           className="flex flex-row cursor-pointer items-center justify-center py-4 mb-2"
           onClick={() => router.push("/")}
         >
-          <Image src={app_purchase} alt="" className="w-5 h-5" />
+          <img src="/cdn/icon/app_purchase.png" alt="" className="w-5 h-5" />
           <p className="text-white text-base font-medium ml-2">
             APP内解锁(-10%)
           </p>

app/tool/[user_id]/page.jsx

@@ -82,7 +82,7 @@ export default function StreamerDetail({ params }) {
           </div>
           <div className="flex flex-row items-center mt-3">
             <p className="text-white text-2xl font-medium mr-1">{data?.name}</p>
-            <Image src={verification} alt="" className="w-6 h-6" />
+            <img src="/cdn/icon/verification.png" alt="" className="w-6 h-6" />
           </div>
           <p className="text-secondary text-sm text-center font-medium mt-3 px-4">
             {data?.bio}

app/verification/page.jsx

@@ -8,7 +8,6 @@ import { JSEncrypt } from "jsencrypt";
 import { useRouter } from "next/navigation";
 import { generateSignature } from "@/utils/crypto";
 import Image from "next/image";
-import verification_water_mark from "@/public/images/verification_water_mark.png";
 
 export default function Verification() {
   const router = useRouter();
@@ -147,9 +146,9 @@ export default function Verification() {
                   fill
                   alt=""
                 />
-                <Image
+                <img
                   className="w-full h-full object-cover absolute top-0 left-0 bg-black/50"
-                  src={verification_water_mark}
+                  src="/cdn/images/verification_water_mark.png"
                   alt=""
                 />
               </div>
@@ -192,9 +191,9 @@ export default function Verification() {
                   fill
                   alt=""
                 />
-                <Image
+                <img
                   className="w-full h-full object-cover absolute top-0 left-0 bg-black/50"
-                  src={verification_water_mark}
+                  src="/cdn/images/verification_water_mark.png"
                   alt=""
                 />
               </div>
@@ -246,9 +245,9 @@ export default function Verification() {
                   fill
                   alt=""
                 />
-                <Image
+                <img
                   className="w-full h-full object-cover absolute top-0 left-0 bg-black/50"
-                  src={verification_water_mark}
+                  src="/cdn/images/verification_water_mark.png"
                   alt=""
                 />
               </div>

app/vip/page.jsx

@@ -3,17 +3,6 @@
 import React, { useState, useEffect } from "react";
 import { generateSignature } from "@/utils/crypto";
 import webviewBaseRequest from "@/utils/webviewBaseRequest";
-import Image from "next/image";
-import vipbackground from "@/public/images/vipbackground.png";
-import isvip from "@/public/images/isvip.png";
-import notvip from "@/public/images/notvip.png";
-import alipay from "@/public/images/alipay.png";
-import contact from "@/public/images/contact.png";
-import vipright1 from "@/public/images/vipright1.png";
-import vipright2 from "@/public/images/vipright2.png";
-import vipright3 from "@/public/images/vipright3.png";
-import vipright4 from "@/public/images/vipright4.png";
-import viptitle from "@/public/images/viptitle.png";
 import Link from "next/link";
 import { Toast } from "antd-mobile";
 import { useRouter } from "next/navigation";
@@ -148,36 +137,36 @@ export default function Vip() {
     }
   };
 
-  if (isFetching) {
+  // if (isFetching) {
-    return (
+  //   return (
-      <section className="flex flex-1 justify-center container">
+  //     <section className="flex flex-1 justify-center container">
-        <span className="absolute top-1/2 loading loading-spinner loading-lg"></span>
+  //       <span className="absolute top-1/2 loading loading-spinner loading-lg"></span>
-      </section>
+  //     </section>
-    );
+  //   );
-  }
+  // }
 
   return (
     <section className="flex flex-1 justify-center container">
       {isLoading && (
         <span className="absolute top-1/2 loading loading-spinner loading-lg z-20"></span>
       )}
-      <Image
+      <img
         className="absolute top-0 left-0 z-0 w-full"
-        src={vipbackground}
+        src="/cdn/images/vipbackground.png"
         alt=""
       />
       <div className="flex flex-col z-10">
-        <Image className="pt-24" src={viptitle} alt="" />
+        <img className="pt-24" src="/cdn/images/viptitle.png" alt="" />
         <div className="flex flex-col px-4 pb-32">
           {isVip ? (
             <div className="relative">
-              <Image src={isvip} alt="" />
+              <img src="/cdn/images/isvip.png" alt="" />
               <p className="absolute bottom-5 left-5 text-[#521824B2] text-sm font-medium">
                 {name}
               </p>
             </div>
           ) : (
-            <Image src={notvip} alt="" />
+            <img src="/cdn/images/notvip.png" alt="" />
           )}
           <div
             className="flex flex-col p-4 rounded-2xl mt-4"
@@ -191,28 +180,28 @@ export default function Vip() {
             <p className="text-[#F5C4CC] text-2xl font-bold">会员权益</p>
             <div className="flex flex-row flex-wrap gap-y-3.5 mt-4">
               <div className="flex flex-row items-center basis-1/2">
-                <Image className="w-11" src={vipright1} alt="" />
+                <img className="w-11" src="/cdn/images/vipright1.png" alt="" />
                 <div className="flex flex-col ml-1.5">
                   <p className="text-[#F5C4CC] text-sm">高清图片</p>
                   <p className="text-[#613F46] text-xs">下载保存</p>
                 </div>
               </div>
               <div className="flex flex-row items-center basis-1/2">
-                <Image className="w-11" src={vipright2} alt="" />
+                <img className="w-11" src="/cdn/images/vipright2.png" alt="" />
                 <div className="flex flex-col ml-1.5">
                   <p className="text-[#F5C4CC] text-sm">身份标签</p>
                   <p className="text-[#613F46] text-xs">专属标识</p>
                 </div>
               </div>
               <div className="flex flex-row items-center basis-1/2">
-                <Image className="w-11" src={vipright3} alt="" />
+                <img className="w-11" src="/cdn/images/vipright3.png" alt="" />
                 <div className="flex flex-col ml-1.5">
                   <p className="text-[#F5C4CC] text-sm">专属客服</p>
                   <p className="text-[#613F46] text-xs">极速服务</p>
                 </div>
               </div>
               <div className="flex flex-row items-center basis-1/2">
-                <Image className="w-11" src={vipright4} alt="" />
+                <img className="w-11" src="/cdn/images/vipright4.png" alt="" />
                 <div className="flex flex-col ml-1.5">
                   <p className="text-[#F5C4CC] text-sm">期待更多</p>
                   <p className="text-[#613F46] text-xs">惊喜福利</p>
@@ -258,7 +247,11 @@ export default function Vip() {
                     onClick={() => createOrder("yeepay_alipay_h5")}
                     className="flex flex-row cursor-pointer gap-1.5 h-11 items-center justify-center bg-primary rounded-full"
                   >
-                    <Image src={alipay} width={22} alt="" />
+                    <img
+                      className="w-[22px]"
+                      src="/cdn/images/alipay.png"
+                      alt=""
+                    />
                     <p className="text-white text-base font-medium whitespace-nowrap">
                       支付宝支付
                     </p>

app/weibo/[user_id]/page.jsx

@@ -5,8 +5,6 @@ import baseRequest from "@/utils/baseRequest";
 import { Toast } from "antd-mobile";
 import InOtherApp from "@/components/InOtherApp";
 import { generateSignature } from "@/utils/crypto";
-import Image from "next/image";
-import verification from "@/public/icon/verification.png";
 import Link from "next/link";
 import copy from "@/utils/copy";
 
@@ -70,7 +68,7 @@ export default function Weibo({ params }) {
           </div>
           <div className="flex flex-row items-center mt-3">
             <p className="text-white text-2xl font-medium mr-1">{data?.name}</p>
-            <Image src={verification} alt="" className="w-6 h-6" />
+            <img src="/cdn/icon/verification.png" alt="" className="w-6 h-6" />
           </div>
           <Link className="p-2" href="/" onClick={copyInviter}>
             <p className="btn w-48 bg-gradient-to-r from-[#FF668B] to-[#FF66F0] rounded-full text-white font-medium">

app/zone/[user_id]/page.jsx

@@ -1,11 +1,6 @@
 "use client";
 
 import React, { useState, useEffect } from "react";
-import Image from "next/image";
-import pinkline from "@/public/images/pinkline.png";
-import ID from "@/public/images/ID.png";
-import tiefen from "@/public/images/tiefen.png";
-import wechat from "@/public/images/wechat.png";
 import { Toast } from "antd-mobile";
 import baseRequest from "@/utils/baseRequest";
 import { generateSignature } from "@/utils/crypto";
@@ -83,7 +78,7 @@ export default function Zone({ params }) {
           </p>
           <div className="flex flex-row">
             <div className="flex flex-row items-center py-0.5 px-2 mr-2 bg-[#FFFFFF1A] rounded-full">
-              <Image src={ID} alt="" className="w-4" />
+              <img src="/cdn/images/ID.png" alt="" className="w-4" />
               <p className="text-white text-xs font-medium ml-0.5">
                 {data?.streamer_ext?.user_id}
               </p>
@@ -111,8 +106,8 @@ export default function Zone({ params }) {
         <div className="flex">
           <div className="relative">
             <p className="text-lg text-white font-medium">空间介绍</p>
-            <Image
+            <img
-              src={pinkline}
+              src="/cdn/images/pinkline.png"
               alt=""
               className="absolute w-9 bottom-0 -right-2"
             />
@@ -147,7 +142,7 @@ export default function Zone({ params }) {
             document.getElementById("comfirm_modal").showModal();
           }}
         >
-          <Image src={tiefen} alt="" className="w-5" />
+          <img src="/cdn/images/tiefen.png" alt="" className="w-5" />
           <p className="text-white text-sm font-meidum">查看更多内容</p>
         </div>
         <div
@@ -157,7 +152,7 @@ export default function Zone({ params }) {
             document.getElementById("comfirm_modal").showModal();
           }}
         >
-          <Image src={wechat} alt="" className="w-5" />
+          <img src="/cdn/images/wechat.png" alt="" className="w-5" />
           <p className="text-white text-sm font-meidum">解锁Ta的微信</p>
         </div>
       </div>
@@ -176,8 +171,8 @@ export default function Zone({ params }) {
         <div className="flex">
           <div className="relative">
             <p className="text-lg text-white font-medium">加入须知</p>
-            <Image
+            <img
-              src={pinkline}
+              src="/cdn/images/pinkline.png"
               alt=""
               className="absolute w-9 bottom-0 -right-2"
             />

app/zone/pay/[zid]/[product_id]/[moment_id]/page.jsx

@@ -7,8 +7,6 @@ import { Toast, Switch } from "antd-mobile";
 import { generateSignature } from "@/utils/crypto";
 import webviewBaseRequest from "@/utils/webviewBaseRequest";
 import { useRouter } from "next/navigation";
-import alipay from "@/public/images/alipay.png";
-import Image from "next/image";
 
 export default function Pay({ params }) {
   const router = useRouter();
@@ -317,7 +315,11 @@ export default function Pay({ params }) {
                   onClick={() => createOrder("yeepay_alipay_h5")}
                   className="flex flex-row cursor-pointer gap-1.5 h-11 items-center justify-center bg-primary rounded-full"
                 >
-                  <Image src={alipay} width={22} alt="" />
+                  <img
+                    className="w-[22px]"
+                    src="/cdn/images/alipay.png"
+                    alt=""
+                  />
                   <p className="text-white text-base font-medium whitespace-nowrap">
                     支付宝支付
                   </p>

components/InOtherApp/index.jsx

@@ -28,7 +28,7 @@ export default function InOtherApp() {
   return (
     <div className="fixed top-0 left-0 w-full h-full bg-[#000000B2] z-50">
       <div className="flex justify-end pt-4 pr-4">
-        <Image src={arrow} alt="" />
+        <img src="/cdn/images/arrow.png" alt="" />
       </div>
       <p className="text-white text-2xl font-medium text-center">
         请前往浏览器打开

next.config.js

@@ -10,6 +10,10 @@ const nextConfig = {
         source: "/cors/:path*",
         destination: "https://file.tiefen.fun/:path*",
       },
+      {
+        source: "/cdn/:path*",
+        destination: "https://filecdnhw01.tiefen.fun/public/:path*",
+      },
     ];
   },
   transpilePackages: ["crypto-js"],