From 070a86c55a13b6907a1eeeb1785e0d36bcb152e0 Mon Sep 17 00:00:00 2001
From: yezian <jueweijue@gmail.com>
Date: Sat, 6 Jan 2024 21:04:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=B7=A8=E5=9F=9F=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E8=BD=AC=E5=8F=91=EF=BC=9B=E5=AE=8C=E5=96=84=E7=94=9F?=
 =?UTF-8?q?=E6=88=90=E4=B8=93=E5=B1=9E=E9=93=BE=E6=8E=A5=E4=BF=9D=E5=AD=98?=
 =?UTF-8?q?=E6=B5=B7=E6=8A=A5=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/generatelink/[user_id]/page.jsx | 48 +++++++++++++++++++++--------
 next.config.js                      |  4 +++
 2 files changed, 39 insertions(+), 13 deletions(-)

diff --git a/app/generatelink/[user_id]/page.jsx b/app/generatelink/[user_id]/page.jsx
index cd6d01c..d727295 100644
--- a/app/generatelink/[user_id]/page.jsx
+++ b/app/generatelink/[user_id]/page.jsx
@@ -5,8 +5,6 @@ import baseRequest from "@/utils/baseRequest";
 import { Toast } from "antd-mobile";
 import { generateSignature } from "@/utils/crypto";
 import Image from "next/image";
-import verification from "@/public/icon/verification.png";
-import platform_wechat from "@/public/images/platform_wechat.png";
 import html2canvas from "html2canvas";
 
 export default function GenerateLink({ params }) {
@@ -79,6 +77,7 @@ export default function GenerateLink({ params }) {
       useCORS: true,
     });
     const data = canvas.toDataURL("image/jpg");
+
     window.ReactNativeWebView.postMessage(
       JSON.stringify({
         type: "SAVE_IMAGE",
@@ -137,23 +136,33 @@ export default function GenerateLink({ params }) {
       </div>
       <div
         id="print"
-        className="flex flex-1 scale-90 flex-col container relative"
+        className="flex flex-1 scale-90 flex-col container bg-[#07050A] relative"
       >
-        <div className="absolute top-0 left-0 w-full">
-          <div className="relative">
+        <div className="absolute top-0 left-0 w-full z-0">
+          <div className="relative w-full h-64 overflow-hidden">
             <img
-              src={data?.cover?.images[0].urls[0]}
+              src={
+                "/cors/" +
+                data?.cover?.images[0].urls[0].split(
+                  "https://file.tiefen.fun/"
+                )[1]
+              }
               alt=""
-              className="w-full h-64 object-cover object-center opacity-30"
+              className="w-full object-cover opacity-30"
             />
             <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 py-2 z-10 relative">
           <div className="flex flex-col items-center mt-24">
             <div className="w-[74px] h-[74px] rounded-full overflow-hidden">
               <img
-                src={data?.avatar?.images[0].urls[0]}
+                src={
+                  "/cors/" +
+                  data?.avatar?.images[0].urls[0].split(
+                    "https://file.tiefen.fun/"
+                  )[1]
+                }
                 alt=""
                 className="w-full object-cover"
               />
@@ -162,7 +171,9 @@ export default function GenerateLink({ params }) {
               <p className="text-white text-2xl font-medium mr-1">
                 {data?.name}
               </p>
-              <Image src={verification} alt="" className="w-6 h-6" />
+              <div className="w-6 h-6">
+                <img src="/icon/verification.png" alt="" className="w-full" />
+              </div>
             </div>
             <p className="text-secondary text-sm text-center font-medium mt-3 px-4">
               {data?.bio}
@@ -170,7 +181,13 @@ export default function GenerateLink({ params }) {
           </div>
           <div className="flex flex-col mt-8 bg-[#FFFFFF1A] rounded-2xl">
             <div 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" />
+              <div className="w-5 h-5">
+                <img
+                  src="/images/platform_wechat.png"
+                  alt=""
+                  className="w-full object-cover"
+                />
+              </div>
               <p className="text-white text-base font-medium ml-2">我的微信</p>
             </div>
           </div>
@@ -180,7 +197,12 @@ export default function GenerateLink({ params }) {
               className="flex flex-row cursor-pointer bg-[#07050A] border-2 border-[#FFFFFF26] rounded-2xl h-12 items-center justify-center mt-4"
             >
               <img
-                src={item.icon.images[0].urls[0]}
+                src={
+                  "/cors/" +
+                  item.icon.images[0].urls[0].split(
+                    "https://file.tiefen.fun/"
+                  )[1]
+                }
                 alt=""
                 className="w-5 h-5"
               />
@@ -190,7 +212,7 @@ export default function GenerateLink({ params }) {
             </div>
           ))}
         </div>
-        <div className="flex justify-center">
+        <div className="flex justify-center pt-2 pb-4">
           {qrcodeUrl && (
             <Image
               className="aspect-square object-contain rounded-xl"
diff --git a/next.config.js b/next.config.js
index c756518..bdac122 100644
--- a/next.config.js
+++ b/next.config.js
@@ -6,6 +6,10 @@ const nextConfig = {
         source: "/api/:path*",
         destination: "https://api.tiefen.fun/api/:path*",
       },
+      {
+        source: "/cors/:path*",
+        destination: "https://file.tiefen.fun/:path*",
+      },
     ];
   },
   transpilePackages: ["crypto-js"],