feat: 修改

src/app/[locale]/(TabBar)/profile/ProfileHeader.tsx

@@ -9,6 +9,7 @@ import {
     ReplayContent,
 } from "@/components/ModalPopup/WalletDescribeModal";
 import TipsModal, { ModalProps } from "@/components/TipsModal";
+import Vip from "@/components/Vip";
 import useGame from "@/hooks/useGame";
 import { Link, useRouter } from "@/i18n/routing";
 import { usePollingStore } from "@/stores/usePollingStore";
@@ -388,6 +389,7 @@ export const ProfileHeader = () => {
     }, shallow);
     const refresh = usePollingStore((state) => state.refresh);
     const tc = useTranslations();
+    const vipInfo = useVipStore((state) => state.vipData);
 
     // const { wallet, setWallet } = useWalletStore((state) => ({
     //     wallet: state.wallet,
@@ -466,11 +468,22 @@ export const ProfileHeader = () => {
                         <div className={"bgImg"}>
                             <Image
                                 src={"/img/avatar.webp"}
-                                className={"h-[100%] w-[100%]"}
+                                className={
+                                    "h-[100%] w-[100%] rounded-[50%] border-[2px] border-[#ccc]"
+                                }
                                 alt={"avatar"}
                                 width={120}
                                 height={120}
                             />
+                            <Vip
+                                style={{
+                                    position: "absolute",
+                                    bottom: "0",
+                                }}
+                                level={vipInfo?.vip_level || 1}
+                                vipIconClassName="relative z-[3]"
+                                vipIconStyle={{ width: ".3rem" }}
+                            ></Vip>
                         </div>
                         <div>
                             <span className="font-bold">{t("Conta")}</span>

src/app/[locale]/(doings)/rank/detail/history.tsx

@@ -109,7 +109,7 @@ const History = React.forwardRef<ModalProps, Props>(({ areaId, type }, ref) => {
                                     </div>
                                     <div className={clsx(styles.normalHeader, "mr-[.2rem]")}>
                                         <img
-                                            src={HeaderImageMap.get(item.avatar % 8)?.img}
+                                            src={HeaderImageMap.get(item.avatar % 9)?.img}
                                             alt=""
                                             className={styles.headerImage}
                                         />

src/app/[locale]/(doings)/rank/detail/middle.tsx

@@ -142,7 +142,7 @@ const MiddleContainer: React.FC<Props> = ({ data, rankList = [], gamesInfo }) =>
                                                     alt=""
                                                 />
                                                 <img
-                                                    src={HeaderImageMap.get(item.avatar % 8)?.img}
+                                                    src={HeaderImageMap.get(item.avatar % 9)?.img}
                                                     alt=""
                                                     className={styles.userHeader}
                                                 />
@@ -218,7 +218,7 @@ const MiddleContainer: React.FC<Props> = ({ data, rankList = [], gamesInfo }) =>
                                 </div>
                                 <div className={clsx(styles.normalHeader, "mr-[.2rem]")}>
                                     <img
-                                        src={HeaderImageMap.get(item.avatar % 8)?.img}
+                                        src={HeaderImageMap.get(item.avatar % 9)?.img}
                                         alt=""
                                         className={styles.headerImage}
                                     />
@@ -252,7 +252,7 @@ const MiddleContainer: React.FC<Props> = ({ data, rankList = [], gamesInfo }) =>
                             </div>
                             <div className={clsx(styles.normalHeader, "mr-[.2rem]")}>
                                 <img
-                                    src={HeaderImageMap.get(data?.self_rank?.avatar % 8)?.img}
+                                    src={HeaderImageMap.get(data?.self_rank?.avatar % 9)?.img}
                                     alt=""
                                     className={styles.headerImage}
                                 />