Przeglądaj źródła

fix: 移动端兼容性

Before 10 miesięcy temu
rodzic
commit
8e08ef5314

+ 0 - 2
src/app/[locale]/(TabBar)/(ordinary)/deposit/page.scss

@@ -38,7 +38,6 @@
     }
     .amount-box {
       width: 100%;
-      height: auto;
       margin: .05rem 0;
       display: flex;
       flex-direction: column;
@@ -140,7 +139,6 @@
     }
     .topUp {
       width: 100%;
-      height: auto;
       margin: .24rem 0 .4rem;
     }
   }

+ 3 - 1
src/app/[locale]/(enter)/login/layout.tsx

@@ -13,7 +13,9 @@ export default async function Layout({
     return (
         <>
             <HeaderBack showBack={false} />
-            <main className={"main-header bg-[#282828]"}>{children}</main>
+            <main className={"main-header bg-[#282828]"} id={"loginLayout"}>
+                {children}
+            </main>
         </>
     );
 }

+ 7 - 0
src/app/[locale]/affiliate/referrals/page.tsx

@@ -101,6 +101,13 @@ const App: FC<Props> = (props) => {
         {
             title: `${t("ApostaEquipe")}(${t("R$")})`,
             dataIndex: "score_num",
+            render: (item: UserLevelToDayResp) => {
+                return (
+                    <span>
+                        {item.score_num}[{item.score}]
+                    </span>
+                );
+            },
         },
         {
             title: t("Comissão"),

+ 10 - 1
src/app/[locale]/affiliate/report/page.tsx

@@ -51,7 +51,11 @@ const App: FC<Props> = (props) => {
             dataIndex: "day",
             width: "0.4rem",
             render: (item: UserTodayInfoList) => {
-                return <span className={"text-[#009d80]"}>{dayjs(item.day).format("MM/DD")}</span>;
+                return (
+                    <span className={"text-[#009d80]"}>
+                        {dayjs(+item.day! * 1000).format("MM/DD")}
+                    </span>
+                );
             },
         },
         {
@@ -62,6 +66,11 @@ const App: FC<Props> = (props) => {
         {
             title: t("validBet"),
             dataIndex: "register_new",
+            render: (item: UserTodayInfoList) => (
+                <span>
+                    {item.effective_amount}[{item.register_new}]
+                </span>
+            ),
         },
         {
             title: t("agentLevel"),

+ 15 - 18
src/app/globals.scss

@@ -16,8 +16,6 @@
   --swiper-pagination-bullet-active-bg: #fff;
   --swiper-pagination-bullet-inactive-color: hsla(0, 0%, 100%, .8);
 
-  --dvh-supported: 100dvh;
-
 }
 .home-banner{
   --swiper-pagination-bullet-width: 0.23rem;
@@ -45,17 +43,15 @@
 ::-webkit-scrollbar {
   width: 0;
 }
-// 如果支持100vh
-@supports not (height: 100dhv) {
-  :root {
-    --dvh-supported: 100vh;
-  }
-}
-//$height: 100dvh || 100vh;
+
 
 html, body {
-  height: var(--dvh-supported);
-  min-height:var(--dvh-supported);
+  height: 100vh;
+  min-height: 100vh;
+
+  height: 100dvh;
+  min-height:100dvh;
+
   position: relative;
   font-family: helvetica neue, Helvetica, apple sd gothic neo, malgun gothic, Arial, sans-serif;
   box-sizing: border-box;
@@ -82,22 +78,23 @@ body{
     transform: translate(0,0);
     overflow: hidden;
 }
+// dvh解决ios高度包含底部ui栏问题
 .main-footer-header{
-  height: calc(calc(var(--dvh-supported) - $-header-height) - $-footer-height);
+  height: calc(calc(100vh - $-header-height) - $-footer-height);
+  height: calc(calc(100dvh - $-header-height) - $-footer-height);
   overflow-y: scroll;
 }
 .main-footer{
-  height: calc(var(--dvh-supported)  - $-footer-height);
+  height: calc(100vh  - $-footer-height);
+  height: calc(100dvh  - $-footer-height);
   overflow-y: scroll;
 }
 .main-header{
-  height: calc(var(--dvh-supported)  - $-header-height);
+  height: calc(100vh  - $-header-height);
+  height: calc(100dvh  - $-header-height);
   overflow-y: scroll;
 }
-//main {
-//  height: calc(calc(100dvh - $-header-height) - $-footer-height);
-//  overflow-y: scroll;
-//}
+
 input {
   line-height: normal;
 }