feat: 修改

src/app/[locale]/(TabBar)/[[...share]]/_home/HomeGames.tsx

@@ -49,11 +49,6 @@ const HomeGames = (props: Props) => {
     }, [groupGames]);
     return (
         <>
-            {providers && (
-                <React.Fragment>
-                    <Manufacturer data={providers}></Manufacturer>
-                </React.Fragment>
-            )}
             {/* <div className="mb-[.2rem] px-[.12rem]">
                 <HomeSearch></HomeSearch>
             </div> */}
@@ -71,6 +66,11 @@ const HomeGames = (props: Props) => {
                     );
                 }
             })}
+            {providers && (
+                <React.Fragment>
+                    <Manufacturer data={providers}></Manufacturer>
+                </React.Fragment>
+            )}
         </>
     );
 };

src/app/[locale]/(TabBar)/[[...share]]/_home/HomePrize.tsx

@@ -16,7 +16,7 @@ const HomePrize: FC<Props> = (props) => {
     const tt = useTranslations("Game");
 
     return (
-        <div className={"my-[0.0694rem] bg-[url(/home/prize.png)] bg-[length:100%_100%] px-[.1rem] pb-[.2rem] pt-[.15rem]"}>
+        <div className={"my-[0.0694rem] px-[.1rem] pb-[.2rem] pt-[.15rem]"}>
             {/* <div className={"mb-[0.0347rem]"}>{t("prize")}</div> */}
             <Swiper
                 slidesPerView={3.2}
@@ -33,13 +33,10 @@ const HomePrize: FC<Props> = (props) => {
             >
                 {data.map((prize, index: number) => (
                     <SwiperSlide key={index}>
-                        <div
-                            className={"w-[1.1rem]"}
-                            style={{ borderRadius: ".1rem" }}
-                        >
+                        <div className={"w-[1.1rem]"} style={{ borderRadius: ".1rem" }}>
                             <Card item={prize} />
                             <div className={"px-[0.13rem] pb-[0.0347rem] text-[0.13rem]"}>
-                                <p className={"text-[#b77fff] mt-[.05rem]"}>
+                                <p className={"mt-[.05rem] text-[#b77fff]"}>
                                     {prize.phone
                                         ? prize.phone.slice(0, 3) + "*****" + prize.phone.slice(-3)
                                         : ""}

src/app/[locale]/(TabBar)/[[...share]]/layout.tsx

@@ -94,7 +94,7 @@ const Layout: FC<PropsWithChildren<Props>> = async (props) => {
                 {/*体育轮播*/}
                 {/* <Box> {sportSwiperWidget}</Box> */}
                 {/* 搜索下面的大奖展示 */}
-                <Suspense fallback={<PrizePlaceHolder />}>{prizeWidget}</Suspense>
+                {/* <Suspense fallback={<PrizePlaceHolder />}>{prizeWidget}</Suspense> */}
 
                 {/* 搜索组件 */}
                 {/* <Box none className="mb-[.2rem] px-[.12rem]">
@@ -102,6 +102,8 @@ const Layout: FC<PropsWithChildren<Props>> = async (props) => {
                     </Box> */}
                 {/* tabs 和 游戏列表 */}
                 <Suspense fallback={<PrizePlaceHolder />}>{children}</Suspense>
+                {/* 大奖 */}
+                <Suspense fallback={<PrizePlaceHolder />}>{prizeWidget}</Suspense>
 
                 {/*媒体*/}
                 <Box none className="mt-[.2rem]">

src/components/Manufacturer/index.tsx

@@ -2,7 +2,7 @@ import { Category, GameListRep } from "@/api/home";
 import { useRouter } from "@/i18n/routing";
 import clsx from "clsx";
 import { useMemo, useRef, useState } from "react";
-import { Swiper, SwiperClass, SwiperSlide } from "swiper/react";
+import { SwiperClass } from "swiper/react";
 import styles from "./style.module.scss";
 
 interface Props {
@@ -48,7 +48,25 @@ const HomeProvider: React.FC<Props> = ({ data }) => {
 
     return (
         <div className={styles.container}>
-            <Swiper
+            <div className="mb-[.15rem] flex items-center">
+                <img className="mr-[.1rem] w-[.3rem]" src={data.image} alt="" />
+                <div className="text-[.15rem] font-bold">{data.category_name}</div>
+            </div>
+            <div className={styles.privoderBox}>
+                {renderData?.map((item: any, idx) => (
+                    <div
+                        key={item.id}
+                        className={clsx(
+                            "flex h-[100%] flex-col items-center justify-center",
+                            styles.manufactureritem
+                        )}
+                    >
+                        <img src={item.game_icon} className={styles.providerIcon} alt=""></img>
+                        {/* <div className="mt-[.06rem] text-[.1rem]">{item.provider}</div> */}
+                    </div>
+                ))}
+            </div>
+            {/* <Swiper
                 slidesPerView={slidesPerView}
                 onSwiper={(swiper) => {
                     swiperRef.current = swiper;
@@ -76,7 +94,7 @@ const HomeProvider: React.FC<Props> = ({ data }) => {
                         </div>
                     </SwiperSlide>
                 ))}
-            </Swiper>
+            </Swiper> */}
             {/* <i
                 className={clsx("iconfont icon-xiangyou2", styles.left)}
                 onClick={() => changeSwiper(-1)}

src/components/Manufacturer/style.module.scss

@@ -1,5 +1,5 @@
 .container {
-    padding: 0rem 0.15rem 0.2rem 0.15rem;
+    padding: 0rem 0.15rem 0 0.15rem;
     // background-image: url("/home/provid_container_bg.png");
     background-size: 100% 100%;
     position: relative;
@@ -22,20 +22,28 @@
         animation: transformR 1s linear infinite;
     }
 }
+.privoderBox {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-gap: 0.1rem;
+    grid-column: 0.1rem;
+}
 .manufactureritem {
     // background-image: url("/home/provid_bg.png");
     background-size: 100% 100%;
-    height: 0.8rem;
+    // height: 0.8rem;
+    padding: 0.1rem 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
-    background-color: #2b353f;
+    background-color: #22252f;
     border-radius: 0.06rem;
     .providerIcon {
-        width: 0.5rem;
-        position: relative;
-        top: 0.04rem;
+        // width: 0.5rem;
+        // position: relative;
+        // top: 0.04rem;
+        height: 0.34rem;
     }
     .providerText {
         position: relative;