feat: 修改

src/app/[locale]/(doings)/continuous/config.ts

@@ -0,0 +1,32 @@
+export const config = [
+    [1, 5, 10, 100, 1000],
+    [2, 5, 10, 100, 2000],
+    [3, 5, 10, 200, 3000],
+    [4, 10, 15, 200, 4000],
+    [5, 10, 15, 500, 5000],
+    [6, 10, 30, 500, 6000],
+    [7, 10, 30, 1000, 7000],
+    [8, 10, 50, 1000, 8000],
+    [9, 15, 50, 1000, 9000],
+    [10, 15, 100, 2000, 10000],
+    [11, 20, 100, 2000, 10000],
+    [12, 20, 200, 2000, 10000],
+    [13, 25, 200, 2000, 10000],
+    [14, 25, 300, 2000, 10000],
+    [15, 30, 300, 3000, 20000],
+    [16, 30, 400, 3000, 20000],
+    [17, 35, 400, 3000, 20000],
+    [18, 35, 500, 3000, 20000],
+    [19, 40, 500, 3000, 50000],
+    [20, 40, 600, 5000, 50000],
+    [21, 45, 600, 5000, 50000],
+    [22, 45, 700, 5000, 50000],
+    [23, 50, 700, 5000, 50000],
+    [24, 50, 800, 6000, 100000],
+    [25, 60, 800, 6000, 100000],
+    [26, 60, 900, 7000, 100000],
+    [27, 80, 900, 7000, 100000],
+    [28, 80, 1000, 8000, 100000],
+    [29, 100, 1000, 9000, 100000],
+    [30, 100, 1000, 10000, 100000],
+];

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

@@ -17,6 +17,7 @@ import clsx from "clsx";
 import { useTranslations } from "next-intl";
 import { useSearchParams } from "next/navigation";
 import React from "react";
+import { config } from "./config";
 import styles from "./page.module.scss";
 
 interface Cfg1Item {
@@ -423,6 +424,9 @@ const Page = () => {
                                         "Regras e Termos da Promoção".
                                     </div>
                                     <div className="mt-[.1rem]">
+                                        <div className="pb-[.1rem] text-center text-[.14rem] font-bold">
+                                            Bônus de check-in contínuo
+                                        </div>
                                         <div className={clsx(styles.introItem, styles.odd)}>
                                             <div className={styles.idx1}></div>
                                             {Object.keys(cfg1)
@@ -449,20 +453,29 @@ const Page = () => {
                                                 })}
                                         </div>
                                         {!!reward_list.length &&
-                                            reward_list.map((item) => {
+                                            reward_list.map((item, idx: number) => {
                                                 return (
                                                     <div
                                                         key={item.dayId}
-                                                        className={clsx(styles.introItem)}
+                                                        className={clsx(styles.introItem, {
+                                                            [styles.odd]: idx % 2 === 1,
+                                                        })}
                                                     >
-                                                        <div className={styles.idx1}>
+                                                        <div
+                                                            className={clsx(
+                                                                styles.idx1,
+                                                                "flex justify-center"
+                                                            )}
+                                                        >
                                                             dia{item.dayId}
                                                         </div>
                                                         {!!item.data.length &&
                                                             item.data.map((citem) => {
                                                                 return (
                                                                     <div key={citem.id}>
-                                                                        {citem.target_num}
+                                                                        <span>
+                                                                            {citem.target_reward}
+                                                                        </span>
                                                                     </div>
                                                                 );
                                                             })}
@@ -470,6 +483,63 @@ const Page = () => {
                                                 );
                                             })}
                                     </div>
+                                    <div className="mt-[.1rem]">
+                                        <div className="pb-[.1rem] text-center text-[.14rem] font-bold">
+                                            Requisitos de check-in contínuo
+                                        </div>
+                                        <div className={clsx(styles.introItem, styles.odd)}>
+                                            <div className={styles.idx1}></div>
+                                            {Object.keys(cfg1)
+                                                .sort(
+                                                    (a: string, b: string) => Number(a) - Number(b)
+                                                )
+                                                .map((key) => {
+                                                    const item = cfg1[Number(key)];
+                                                    return (
+                                                        <div key={item.key}>
+                                                            <img
+                                                                src={`/continuous/s${item.key}.png`}
+                                                                alt=""
+                                                                className="w-[.3rem]"
+                                                            />
+                                                            <span className="text-[.1rem]">
+                                                                {item.text}
+                                                            </span>
+                                                            <span className="text-[.1rem]">
+                                                                {item.text2}
+                                                            </span>
+                                                        </div>
+                                                    );
+                                                })}
+                                        </div>
+                                        {config.map((item: number[], idx) => {
+                                            return (
+                                                <div
+                                                    key={JSON.stringify(item)}
+                                                    className={clsx(styles.introItem, {
+                                                        [styles.odd]: idx % 2 === 1,
+                                                    })}
+                                                >
+                                                    <div
+                                                        className={clsx(
+                                                            styles.idx1,
+                                                            "flex justify-center"
+                                                        )}
+                                                    >
+                                                        dia{item[0]}
+                                                    </div>
+                                                    {item.map((citem, cidx) => {
+                                                        if (cidx === 0) return null;
+                                                        return (
+                                                            <div key={citem}>
+                                                                <span>{citem}</span>
+                                                            </div>
+                                                        );
+                                                    })}
+                                                </div>
+                                            );
+                                        })}
+                                    </div>
                                 </div>
                             </div>
                         </div>