feat: 修改

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

@@ -426,9 +426,8 @@ const Page = () => {
                                         1.As recompensas da campanha só podem ser reclamadas entre
                                         23:00 e 23:50 no mesmo dia
                                         <br />
-                                        2. Solicite o bônus desta promoção dentro do período
-                                        promocional. Não se inscrever após o prazo limite será
-                                        considerado como desistência automática.
+                                        2.O bónus surpresa só precisa de guardar qualquer valor para
+                                        ser reclamado.
                                         <br />
                                         3. Ao participar desta promoção, você concorda em cumprir as
                                         &quot;Regras e Termos da Promoção&quot;.

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

@@ -46,7 +46,7 @@
             justify-content: center;
             overflow: hidden;
             box-sizing: border-box;
-            padding-top: 0.07rem;
+            padding: 0.08rem 0.02rem 0.02rem 0.02rem;
             position: relative;
             top: 0.1rem;
             z-index: 2;
@@ -103,6 +103,11 @@
         top: 0.17rem;
         box-sizing: border-box;
         padding: 0.2rem 0;
+        &.innerContainer1 {
+            &:after {
+                background-color: #8112c4;
+            }
+        }
         &:after {
             content: "";
             border-radius: 0.3rem 0.3rem 0 0;
@@ -116,7 +121,7 @@
             background-size: 100% auto;
             background-repeat: repeat-y;
             pointer-events: none;
-            background-color: #8112c4;
+            background-color: #640cf0;
             z-index: 1;
         } // 添加内阴影效果，使背景更暗;
     }
@@ -232,10 +237,12 @@
         flex: 0 0 0.7rem;
         border-right: 1px solid #bd79ff;
         display: flex;
+        flex-direction: column;
         align-items: center;
         justify-content: center;
         word-break: break-word;
         padding: 0.1rem;
+        text-align: center;
     }
     .cfgItem {
         display: flex;
@@ -258,6 +265,12 @@
         }
     }
 }
+.dayItemBox {
+    margin-bottom: 0.14rem;
+    &:nth-last-child(1) {
+        margin-bottom: 0;
+    }
+}
 .stageBox {
     display: flex;
     flex-direction: row;
@@ -291,6 +304,7 @@
         z-index: 2;
         margin-right: calc(25% - 0.4rem);
         width: 0.5rem;
+        margin-bottom: 0.14rem;
         &:nth-child(4n) {
             margin-right: 0;
         }

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

@@ -62,7 +62,7 @@ const DayItem = ({
     };
 
     return (
-        <div>
+        <div className={styles.dayItemBox}>
             {data.id >= 2 && (
                 <div className="mb-[.1rem] flex flex-row justify-center">
                     <div className={styles.canGet}>Grande Prêmio Disponível</div>
@@ -93,7 +93,7 @@ const DayItem = ({
                         </div>
                         <div
                             className={clsx(styles.premioItemBtn, {
-                                [styles.disabled]: data.is_sign === 0 || data.is_suss === 1,
+                                [styles.disabled]: !data.isCanClaim,
                             })}
                             onClick={doClaim}
                         >
@@ -113,10 +113,14 @@ const Page = () => {
     const router = useRouter();
     const dayContainer = React.useRef<HTMLDivElement>(null);
 
-    const [act, setAct] = React.useState<number>(0);
     const [amount, setAmount] = React.useState<any>({});
     const [visible, setVisible] = React.useState<boolean>(false);
 
+    const act = React.useMemo(() => {
+        if (!data || data.type === 11) return 0;
+        return 1;
+    }, [data]);
+
     React.useEffect(() => {
         getData();
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -210,7 +214,7 @@ const Page = () => {
             const key1 = Object.keys(item)[0];
             result.push({ dayId: Number(key), data: item[key1 as any] });
         });
-
+        console.log(result);
         return result.sort((a, b) => a.dayId - b.dayId);
     }, [data?.list?.list]);
 
@@ -237,9 +241,15 @@ const Page = () => {
         if (!data?.list?.config_list) return [];
         const result = [] as ContinuousCfgItem[];
         data?.list?.config_list.forEach((item) => {
-            // if (item.id <= data.cur_num) {
-            //     return;
-            // }
+            if (
+                item.is_sign === 0 ||
+                item.is_suss === 1 ||
+                !(item.start_at * 1000 < Date.now() && item.end_at * 1000 > Date.now())
+            ) {
+                item.isCanClaim = false;
+            } else {
+                item.isCanClaim = true;
+            }
             result.push(item);
         });
         return result.sort((a, b) => a.days - b.days);
@@ -308,7 +318,6 @@ const Page = () => {
                             className={clsx(styles.text, {
                                 [styles.active]: act === 0,
                             })}
-                            onClick={() => setAct(0)}
                         >
                             Meu login
                         </div>
@@ -316,26 +325,29 @@ const Page = () => {
                             className={clsx(styles.text, {
                                 [styles.active]: act === 1,
                             })}
-                            onClick={() => setAct(1)}
                         >
                             Login de amigo
                         </div>
                     </div>
                     <div className={styles.inner}>
-                        <div className={styles.innerContainer}>
-                            {!!stage.length && (
+                        <div
+                            className={clsx(styles.innerContainer, {
+                                [styles.innerContainer1]: act === 1,
+                            })}
+                        >
+                            {!!list?.length && (
                                 <div
                                     className={clsx(styles.stageBox, {
                                         [styles.stageBox1]: act === 1,
                                     })}
                                 >
-                                    {stage.map((item, idx) => {
+                                    {list.map((item, idx) => {
                                         return (
                                             <div
-                                                key={item.key}
+                                                key={item.dayId}
                                                 className={clsx(styles.stageItem, {
-                                                    [styles.unlock]: idx < 3,
-                                                    [styles.lock]: idx >= 3,
+                                                    [styles.unlock]: item.data.is_sign === 1,
+                                                    [styles.lock]: item.data.is_sign === 0,
                                                 })}
                                             >
                                                 <div className={styles.stageText}>
@@ -345,11 +357,13 @@ const Page = () => {
                                                 <div className={styles.stageText2}>
                                                     <span>recarga</span>
                                                     <div className={styles.stageText2Num}>
-                                                        10000
+                                                        {item.data.pay_num}
                                                     </div>
                                                 </div>
                                                 <div className={clsx(styles.stageImg)}></div>
-                                                <div className={styles.stageDay}>Dia 1</div>
+                                                <div className={styles.stageDay}>
+                                                    Dia {item.dayId}
+                                                </div>
                                             </div>
                                         );
                                     })}
@@ -439,90 +453,48 @@ const Page = () => {
                                             Requisitos da <br />
                                             atividade
                                         </div>
-                                        <div>
-                                            Valor do
-                                            <br />
-                                            bônus
-                                        </div>
-                                        <div>
-                                            Recompensas <br />
-                                            de Agente
-                                        </div>
-                                    </div>
-                                    <div className={styles.cfgItem}>
-                                        <div className={styles.cfgItemName}>
-                                            Recarga contínua por
-                                        </div>
-                                        <div className="flex-1">
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
+                                        {data.type === 11 && (
+                                            <div>
+                                                Valor do
+                                                <br />
+                                                bônus
                                             </div>
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
-                                            </div>
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
+                                        )}
+                                        {data.type === 13 && (
+                                            <div>
+                                                Recompensas <br />
+                                                de Agente
                                             </div>
-                                        </div>
+                                        )}
                                     </div>
-                                    <div className={styles.cfgItem}>
-                                        <div className={styles.cfgItemName}>
-                                            Recarga <br /> contínua <br /> por
-                                        </div>
-                                        <div className="flex-1">
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
-                                            </div>
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
-                                            </div>
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
-                                            </div>
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
-                                            </div>
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
-                                            </div>
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
-                                            </div>
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
-                                            </div>
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
-                                            </div>
-                                            <div className={styles.cfgItemChild}>
-                                                <div>232</div>
-                                                <div>232</div>
-                                                <div>232</div>
+                                    {reward_list.map((item) => {
+                                        return (
+                                            <div key={item.dayId} className={styles.cfgItem}>
+                                                <div className={styles.cfgItemName}>
+                                                    Recarga contínua por{" "}
+                                                    <div className="text-[#faab00]">
+                                                        {item.dayId}dias
+                                                    </div>
+                                                </div>
+                                                <div className="flex-1">
+                                                    {item.data.map((item2, idx) => {
+                                                        return (
+                                                            <div
+                                                                key={item2.id}
+                                                                className={styles.cfgItemChild}
+                                                            >
+                                                                <div>
+                                                                    Mais de {item2.target_num} por
+                                                                    dia
+                                                                </div>
+                                                                <div>{item2.target_reward}</div>
+                                                            </div>
+                                                        );
+                                                    })}
+                                                </div>
                                             </div>
-                                        </div>
-                                    </div>
+                                        );
+                                    })}
                                 </div>
                             </div>