feat: 修改登陆

src/app/[locale]/(doings)/card/page.module.scss

@@ -3,13 +3,13 @@
 }
 .CardPage {
     min-height: 100%;
-    background-color: #42118e;
+    background-color: #000000;
     :global(.swiper-pagination) {
         bottom: -5px;
     }
     .top {
         padding: 0.2rem 0;
-        background-image: url("/card/top2.webp");
+        // background-image: url("/card/top2.webp");
         background-size: 100% 100%;
         background-repeat: no-repeat;
         position: relative;
@@ -151,8 +151,8 @@
     min-height: 1rem;
 }
 .main {
-    background: #42118e;
-    box-shadow: 0 0 0.45rem #8365b6 inset;
+    // background: #42118e;
+    // box-shadow: 0 0 0.45rem #8365b6 inset;
     box-sizing: border-box;
     padding: 0.1rem 0.15rem;
 }
@@ -195,36 +195,37 @@
 }
 .config {
     border-radius: 0.1rem;
-    border: 1px solid #7492dc;
+    border: 1px solid #404040;
     overflow: hidden;
     position: relative;
-    &:after {
-        content: "";
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        box-shadow: 0 0 0.15rem #7492dc inset;
-        pointer-events: none;
-    }
+    background-color: #101212;
+    // &:after {
+    //     content: "";
+    //     position: absolute;
+    //     left: 0;
+    //     top: 0;
+    //     right: 0;
+    //     bottom: 0;
+    //     box-shadow: 0 0 0.15rem #7492dc inset;
+    //     pointer-events: none;
+    // }
     .configItem {
         display: flex;
         align-items: stretch;
         flex-direction: row;
-        border-top: 1px solid #7492dc;
+        border-top: 1px solid #404040;
         font-size: 0.1rem;
-        background: #310e71;
+        background: #101212;
         &:nth-child(1) {
             border-top: none;
-            background: #421497;
+            background: #2e3438;
             div {
                 border-right: none;
             }
         }
         div {
             flex: 1;
-            border-right: 1px solid #7492dc;
+            border-right: 1px solid #404040;
             display: flex;
             align-items: center;
             justify-content: center;
@@ -246,14 +247,15 @@
     position: relative;
     z-index: 2;
     .introContainer {
-        background-color: #3c1397;
-        box-shadow: 0 0 15px #8abbf1 inset;
+        background-color: #23292d;
+        // box-shadow: 0 0 15px #8abbf1 inset;
         min-height: 1rem;
         border-radius: 0.2rem;
         // background-image: url("/continuous/bg_1.webp");
         background-size: 100% auto;
         padding: 0.34rem 0.1rem 0.15rem 0.1rem;
         position: relative;
+        border: 1px solid #404040;
     }
     .introTitle {
         display: flex;
@@ -333,6 +335,7 @@
         align-items: flex-start;
         box-sizing: border-box;
         padding-top: 0.08rem;
+        // padding: 0.1rem 0;
     }
 }
 .receiveText {
@@ -392,6 +395,8 @@
     }
 }
 .swiperSlideGold {
+    // background-color: #333333;
+    // border-radius: 0.15rem;
     .leftContent {
         color: #e5a661;
     }
@@ -404,6 +409,9 @@
     .cardContainerOut {
         background-image: url("/card/g2.webp");
     }
+    .rightContent {
+        // background-color: #ff7e00;
+    }
     .cardLeft {
         color: #b67948;
     }
@@ -427,7 +435,7 @@
         color: #b67948;
     }
     .lingquContent {
-        background-color: #fad5a9;
+        background-color: #ecb778;
         box-shadow: 0 0 0.15rem #ecb778 inset;
         border: 2px solid #fff;
     }

src/app/[locale]/(doings)/card/page.tsx

@@ -235,7 +235,7 @@ const CardPage = () => {
                                             <div
                                                 className={clsx(
                                                     styles.rightContent,
-                                                    "pr-[.12rem] pt-[.02rem] text-[.1rem]"
+                                                    "rounded-[0_.15rem_0_.15rem] pr-[.12rem] pt-[.02rem] text-[.1rem]"
                                                 )}
                                             >
                                                 {item.days > 0 && "Já foi comprado"}
@@ -413,13 +413,13 @@ const CardPage = () => {
             </div>
             <div className={styles.main}>
                 <div
-                    className="my-[.15rem] cursor-pointer text-right text-[#00deff]"
+                    className="my-[.15rem] cursor-pointer text-right text-[#12cc60]"
                     onClick={() => router.push(`/cardRecord?shop_id=${shop_id}`)}
                 >
                     Receba sens registros&gt;
                 </div>
                 <div className={styles.config}>
-                    <div className={styles.configItem}>
+                    <div className={clsx(styles.configItem, "bg-[#2e3438]")}>
                         <div>Recarga</div>
                         <div>Receba dinheiro diariamente</div>
                         <div>Receba seu bônus diarianente</div>

src/app/[locale]/(enter)/components/Form/index.tsx

@@ -476,15 +476,15 @@ const FormComponent: FC<Props> = (props) => {
                             ></Checkbox>
                             <div className={"ml-[10px] select-none break-all text-[12px]"}>
                                 {t("form.agreement")}
-                                <Link href={"/preventLaunderMoney"} className={"text-[#1677ff]"}>
+                                <Link href={"/preventLaunderMoney"} className={"text-[#11de68]"}>
                                     {t("form.moneyAgreement")}
                                 </Link>
                                 、
-                                <Link href={"/terms"} className={"text-[#1677ff]"}>
+                                <Link href={"/terms"} className={"text-[#11de68]"}>
                                     {t("form.serverAgreement")}
                                 </Link>
                                 {t("form.agreementAnd")}
-                                <Link href={"/gamingPolicy"} className={"text-[#1677ff]"}>
+                                <Link href={"/gamingPolicy"} className={"text-[#11de68]"}>
                                     {t("form.childrenAgreement")}
                                 </Link>
                             </div>

src/app/[locale]/(enter)/login/index.module.scss

@@ -2,9 +2,8 @@
 //     @extend .customInputPage;
 // }
 .page {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
+    // display: flex;
+    // flex-direction: column;
     background-image: url("/login/header.webp");
     background-size: 100% auto;
     background-repeat: no-repeat;

src/app/[locale]/(enter)/login/page.tsx

@@ -74,50 +74,60 @@ const Login = () => {
     }, [cashback]);
 
     return (
-        <div className={styles.page}>
-            <div className="relative h-[2.2rem]">
-                <div
-                    onClick={() => router.back()}
-                    className="absolute right-[10px] top-[10px] flex h-[.32rem] w-[.32rem] items-center justify-center rounded-[50%] bg-[rgba(0,0,0,.5)]"
-                >
-                    <i className="iconfont icon-guanbi text-[.13rem]"></i>
-                </div>
-                <div className="absolute left-[.15rem] top-[1rem] text-[.15rem]">
-                    <div>Cashback em dinheiro de</div>
-                    <div>
-                        <span className="text-[.2rem] text-[#ffe400]">{vip_cashback}%&nbsp;</span>
-                        <span>toda semana</span>
+        <div className="relative flex h-[100%] flex-col overflow-auto">
+            <div className={clsx(styles.page, "flex-1")}>
+                <div className="relative h-[2.2rem]">
+                    <div
+                        onClick={() => router.back()}
+                        className="fixed right-[10px] top-[10px] flex h-[.32rem] w-[.32rem] items-center justify-center rounded-[50%] bg-[rgba(0,0,0,.5)]"
+                    >
+                        <i className="iconfont icon-guanbi text-[.13rem]"></i>
+                    </div>
+                    <div className="absolute left-[.15rem] top-[1rem] text-[.15rem]">
+                        <div>Cashback em dinheiro de</div>
+                        <div>
+                            <span className="text-[.2rem] text-[#ffe400]">
+                                {vip_cashback}%&nbsp;
+                            </span>
+                            <span>toda semana</span>
+                        </div>
                     </div>
                 </div>
-            </div>
-            <div className="flex min-h-[0] flex-1 flex-col">
-                <div className="pb-[.4rem] text-center text-[.16rem] font-bold">
-                    <span className="mr-[.1rem] text-[#afbbc6]">Bem Vindo ao</span>
-                    <span className="text-[#0abd71]">BCWIN777.com</span>
-                </div>
-                <div className="flex items-center justify-center pb-[.4rem]">
-                    {tabCfg.map((item, idx) => {
-                        return (
-                            <div
-                                key={item.text}
-                                className={clsx("flex items-center", styles.tabItem, {
-                                    "mr-[.6rem]": idx === 0,
-                                    [styles.active]: item.key === act,
-                                })}
-                                onClick={() => {
-                                    setAct(item.key);
-                                }}
-                            >
-                                <img src={item.icon} className="mr-[.04rem] h-[0.24rem]" alt="" />
-                                <span className="text-[.16rem] text-[#677787]">{item.text}</span>
-                            </div>
-                        );
-                    })}
-                </div>
-                <div className="min-h-[0] flex-1 overflow-auto">
-                    <Form type={act} />
+                <div className="flex min-h-[0] flex-1 flex-col">
+                    <div className="pb-[.4rem] text-center text-[.16rem] font-bold">
+                        <span className="mr-[.1rem] text-[#afbbc6]">Bem Vindo ao</span>
+                        <span className="text-[#0abd71]">BCWIN777.com</span>
+                    </div>
+                    <div className="flex items-center justify-center pb-[.4rem]">
+                        {tabCfg.map((item, idx) => {
+                            return (
+                                <div
+                                    key={item.text}
+                                    className={clsx("flex items-center", styles.tabItem, {
+                                        "mr-[.6rem]": idx === 0,
+                                        [styles.active]: item.key === act,
+                                    })}
+                                    onClick={() => {
+                                        setAct(item.key);
+                                    }}
+                                >
+                                    <img
+                                        src={item.icon}
+                                        className="mr-[.04rem] h-[0.24rem]"
+                                        alt=""
+                                    />
+                                    <span className="text-[.16rem] text-[#677787]">
+                                        {item.text}
+                                    </span>
+                                </div>
+                            );
+                        })}
+                    </div>
+                    <div className="min-h-[0] flex-1 overflow-auto">
+                        <Form type={act} />
+                    </div>
+                    <Adbox></Adbox>
                 </div>
-                <Adbox></Adbox>
             </div>
             <FooterTip></FooterTip>
             <LoginService />

src/components/Layout/Sidebar.tsx

@@ -278,6 +278,7 @@ const Sidebar: FC<PropsWithChildren<Props>> = (props) => {
                 <div className="flex-1 overflow-scroll px-[.12rem]">
                     <div className={styles.providerBox}>
                         {providers?.map((item, idx) => {
+                            if (!isShowAll && idx > 6) return null;
                             return (
                                 <div
                                     className={styles.providerItem}
@@ -287,18 +288,6 @@ const Sidebar: FC<PropsWithChildren<Props>> = (props) => {
                                     <img src={item.game_icon} alt="" />
                                 </div>
                             );
-                            // if (idx === 6 && !isShowAll) {
-                            //     return (
-                            //         <div
-                            //             className={styles.providerItem}
-                            //             onClick={() => setIsShowAll(true)}
-                            //             key={item.id}
-                            //         >
-                            //             <img src="/sidebar/more.webp" alt="" />
-                            //         </div>
-                            //     );
-                            // }
-                            // if (idx > 6 && !isShowAll) return null;
                         })}
                         <div
                             className={styles.providerItem}
@@ -318,19 +307,18 @@ const Sidebar: FC<PropsWithChildren<Props>> = (props) => {
                         >
                             <img src={"/home/favorite.webp"} alt="" />
                         </div>
-                        <div
-                            className={styles.providerItem}
-                            onClick={() => {
-                                setCollapse(false);
-                                router.push("/gameList2");
-                            }}
-                            style={{
-                                background: "url('/home/placehold.webp')",
-                                backgroundSize: "100%",
-                            }}
-                        >
-                            {/* <img src="/home/placehold.webp" alt="" /> */}
-                        </div>
+                        {!isShowAll && providers.length > 6 && (
+                            <div
+                                className={styles.providerItem}
+                                onClick={() => {
+                                    setIsShowAll(true);
+                                }}
+                                style={{
+                                    background: "url('/home/placehold.webp')",
+                                    backgroundSize: "100%",
+                                }}
+                            ></div>
+                        )}
                     </div>
                     {walletCfg?.length && (
                         <>