fix: 修改代理页面

next.config.mjs

@@ -4,7 +4,7 @@ import createNextIntlPlugin from "next-intl/plugin";
 const withNextIntl = createNextIntlPlugin();
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    // output: "standalone",
+    output: "standalone",
     productionBrowserSourceMaps: true,
     reactStrictMode: false,
     env: {

src/app/[locale]/affiliate/faq/index.tsx

@@ -57,7 +57,7 @@ const App: FC<Props> = (props) => {
                         <a href="">{t("link2")}</a>
                     </div>
                 </div>
-                <div className="imgContent">
+                <div className="imgContent-faq">
                     <div className={"imgContent-desc"}>
                         {t("number")} &gt; {num}
                         <br />

src/app/[locale]/affiliate/faq/page.scss

@@ -39,7 +39,7 @@
     line-height: .22rem;
     cursor: pointer;
 }
-.imgContent.rowReverse {
+.imgContent-faq.rowReverse {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
@@ -49,10 +49,9 @@
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
-.imgContent {
+.imgContent-faq {
     display: -webkit-box;
     display: -ms-flexbox;
-    display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
@@ -61,20 +60,26 @@
     line-height: .19rem;
     padding: .04rem 0 .15rem;
     position: relative;
+    display: flex;
+
     .imgContent-desc{
       margin-right: 10px;
+      //width: 40%;
     }
+
 }
-.imgContent img {
+.imgContent-faq img {
     width: .67rem;
 }
-.imgContent.rowReverse .slider {
+  .imgContent-faq.rowReverse .slider {
     top: .24rem;
     right: .76rem;
 
 }
-.imgContent .slider {
+.imgContent-faq .slider {
+
     //position: absolute;
+
     width: .6rem;
     //top: .26rem;
     //right: .1rem;
@@ -106,7 +111,7 @@
     transform: translate3d(50%, -50%, 0);
     cursor: grab;
 }
-.imgContent .slider .img {
+.imgContent-faq .slider .img {
     background: url('/img/huakuai.png') 50% no-repeat;
     height: .16rem;
     width: .16rem;

src/app/[locale]/affiliate/layout.tsx

@@ -1,7 +1,6 @@
 import HeaderBack from "@/components/HeaderBack";
 import { getTranslations } from "next-intl/server";
 import { ReactNode, Suspense } from "react";
-import "./style.scss";
 
 export const generateMetadata = async () => {
     const t = await getTranslations("titles");
@@ -25,7 +24,7 @@ export default async function LocaleLayout({
                     title={`${t("Afiliado")} - ${t("title")}`}
                 ></HeaderBack>
             </Suspense>
-            <main className={"main-header bg-[#e8e8e8] px-[0.12rem]"}>{children}</main>
+            <main className={"main-header bg-[#e8e8e8]"}>{children}</main>
         </>
     );
 }

src/app/[locale]/affiliate/style.scss

@@ -1,34 +0,0 @@
-//.vux-drawer {
-//    display: block;
-//    position: relative;
-//    top: 0;
-//    left: 0;
-//    width: 100%;
-//    min-height: 100vh;
-//
-//    .router-view {
-//        max-width: 4.02rem;
-//        width: 100vw;
-//        height: 100%;
-//        overflow-y: auto;
-//        -webkit-box-sizing: border-box;
-//        box-sizing: border-box;
-//    }
-//
-//    .vux-drawer-body {
-//        height: 100%;
-//        position: absolute;
-//        top: 0;
-//        left: 0;
-//        right: 0;
-//        bottom: 0;
-//        -webkit-transition: visibility .38s, -webkit-transform .38s ease-in-out;
-//        transition: visibility .38s, -webkit-transform .38s ease-in-out;
-//        -o-transition: transform ease-in-out .38s, visibility .38s;
-//        transition: transform .38s ease-in-out, visibility .38s;
-//        transition: transform .38s ease-in-out, visibility .38s, -webkit-transform .38s ease-in-out;
-//    }
-//}
-
-
-