feat: 修改皮肤样式

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

@@ -53,12 +53,13 @@ const VipCard = (props: { userVip: UserVipInfo }) => {
                     <ProgressBar
                         percent={percentage(userVip?.vip_exp, userVip?.vip_score_exp)}
                         style={{
-                            "--fill-color": "#fb8b05",
+                            "--fill-color": "#bd37e0",
+                            "--track-color": "#65609b",
                             "--track-width": "0.0694rem",
                         }}
                     />
                 </div>
-                <div className={"process-bottom"}>
+                <div className={"process-bottom text-[#e581ff]"}>
                     <span>VIP{userVip?.vip_level}</span>
                     <span className={"process-bottom-desc"}>
                         {t("expTips", {
@@ -334,11 +335,16 @@ export const ProfileHeader = (props: Props) => {
                         </div>
                         <div>
                             <span>{t("Conta")}</span>
-                            <span className="phone">{userInfo?.user_phone || ""}</span>
+                            <span className="phone text-[#d3d1ff]">
+                                {userInfo?.user_phone || ""}
+                            </span>
                         </div>
                     </div>
 
-                    <Link className="goto iconfont icon-xiangzuo1" href={`/changePassword`}></Link>
+                    <Link
+                        className="goto iconfont icon-xiangzuo1 text-[#8883eb]"
+                        href={`/changePassword`}
+                    ></Link>
                 </div>
                 {/*vipcard*/}
                 <VipCard userVip={userVip} />

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

@@ -16,8 +16,8 @@ export default async function LocaleLayout({
     params: { locale: string };
 }) {
     return (
-        <div className="depositePage h-[100%] overflow-auto bg-[url('/home/bg.jpg')]">
-            <HeaderBack showBack={true} useBg={true} />
+        <div className="profilPage h-[100%] overflow-auto bg-[url('/home/bg.jpg')]">
+            <HeaderBack showBack={true} useBg={true} title="Perfil" />
             <main className={"main-header"}>{children}</main>
         </div>
     );

src/app/[locale]/(TabBar)/profile/page.scss

@@ -33,13 +33,13 @@
         box-sizing: border-box;
         //margin-bottom: .23rem;
         position: relative;
-        &::after {
-            content: "";
-            position: absolute;
-            bottom: 0;
-            width: 90%;
-            border-bottom: 0.01rem dotted #d9a801;
-        }
+        // &::after {
+        //     content: "";
+        //     position: absolute;
+        //     bottom: 0;
+        //     width: 90%;
+        //     border-bottom: 0.01rem dotted #d9a801;
+        // }
 
         &.active {
             margin-bottom: 0;

src/app/[locale]/(navbar)/about/layout.tsx

@@ -15,9 +15,9 @@ export default async function Layout({
     params: { locale: string };
 }) {
     return (
-        <>
-            <HeaderBack showBack={true} />
-            <main className={"main-header bg-[#282828]"}>{children}</main>
-        </>
+        <div className="aboutPage h-[100%] overflow-auto bg-[url('/home/bg.jpg')]">
+            <HeaderBack showBack={true} useBg={true} />
+            <main className={"main-header"}>{children}</main>
+        </div>
     );
 }