背景图加上链接

src/app/api/prediction/route.js

@@ -144,6 +144,7 @@ export async function GET(request) {
           ...prediction,
           match: undefined,
           matchDetails: undefined,
+          score: `${prediction.matchDetails.homeTeamScore}:${prediction.matchDetails.awayTeamScore}`,
           matchInfo: `${prediction.matchDetails.homeTeam.name}:${prediction.matchDetails.awayTeam.name}`,
         });
       } else {

src/app/models/Activity.js

@@ -15,6 +15,9 @@ const ActivitySchema = new mongoose.Schema(
     backgroundImage: {
       type: String, // 存储图片的URL或路径
     },
+    backgroundImageLink: {
+      type: String,
+    },
   },
   { timestamps: true }
 );

src/app/personal-center/page.jsx

@@ -298,7 +298,9 @@ const PersonalCenter = () => {
                       {prediction.whoWillWinResult === "correct"
                         ? "正确"
                         : prediction.whoWillWinResult === "incorrect"
-                        ? "错误"
+                        ? prediction.whoWillWin === "home"
+                          ? "客胜"
+                          : "主胜"
                         : "待定"}
                     </span>
                   </p>
@@ -334,7 +336,9 @@ const PersonalCenter = () => {
                       {prediction.firstTeamToScoreResult === "correct"
                         ? "正确"
                         : prediction.firstTeamToScoreResult === "incorrect"
-                        ? "错误"
+                        ? prediction.firstTeamToScore === "home"
+                          ? "客队"
+                          : "主队"
                         : "待定"}
                     </span>
                   </p>
@@ -358,7 +362,7 @@ const PersonalCenter = () => {
                       {prediction.totalGoalsResult === "correct"
                         ? "正确"
                         : prediction.totalGoalsResult === "incorrect"
-                        ? "错误"
+                        ? prediction.score
                         : "待定"}
                     </span>
                   </p>

src/app/ui/MatchPrediction.jsx

@@ -7,7 +7,6 @@ import { useRouter } from "next/navigation";
 import { format } from "date-fns";
 import zhCN from "date-fns/locale/zh-CN";
 
-import Image from "next/image";
 import { Minus, Plus, Play, X, Check, Clock, User } from "lucide-react";
 
 const no_goal_logo = "/images/no_goal_logo.png";

src/app/ui/components/ActivityModal.jsx

@@ -44,6 +44,33 @@ const ActivityModal = () => {
   console.log("activityContent", activityContent);
 
   const hasBackgroundImage = !!activityContent?.backgroundImage;
+  const hasBackgroundImageLink = !!activityContent?.backgroundImageLink;
+
+  const CardContent = () => (
+    <div
+      className="bg-cover bg-center rounded-lg px-6 pb-6 pt-16 max-w-sm w-full mx-4 overflow-hidden"
+      style={{
+        backgroundImage: `url('${activityContent.backgroundImage}')`,
+        width: "80vw",
+        minHeight: "50vh",
+        backgroundPosition: "top center",
+      }}
+    >
+      <div className="relative z-10 text-white">
+        <div className="flex flex-col items-center mb-4 relative w-full">
+          <div
+            className="text-xl font-bold w-full text-center"
+            dangerouslySetInnerHTML={{ __html: activityContent.title }}
+          />
+        </div>
+        <div
+          className="overflow-y-auto"
+          style={{ maxHeight: "calc(50vh - 100px)" }}
+          dangerouslySetInnerHTML={{ __html: activityContent.content }}
+        />
+      </div>
+    </div>
+  );
 
   return (
     <>
@@ -56,30 +83,17 @@ const ActivityModal = () => {
             >
               <X size={24} />
             </button>
-
-            <div
-              className="bg-cover bg-center rounded-lg px-6 pb-6 pt-16 max-w-sm w-full mx-4 overflow-hidden"
-              style={{
-                backgroundImage: `url('${activityContent.backgroundImage}')`,
-                width: "80vw",
-                minHeight: "50vh",
-                backgroundPosition: "top center",
-              }}
-            >
-              <div className="relative z-10 text-white">
-                <div className="flex flex-col items-center mb-4 relative w-full">
-                  <div
-                    className="text-xl font-bold w-full text-center"
-                    dangerouslySetInnerHTML={{ __html: activityContent.title }}
-                  ></div>
-                </div>
-                <div
-                  className="overflow-y-auto"
-                  style={{ maxHeight: "calc(50vh - 100px)" }}
-                  dangerouslySetInnerHTML={{ __html: activityContent.content }}
-                />
-              </div>
-            </div>
+            {hasBackgroundImageLink ? (
+              <a
+                href={activityContent.backgroundImageLink}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <CardContent />
+              </a>
+            ) : (
+              <CardContent />
+            )}
           </div>
         </div>
       ) : (