1

apps/web/@repo/ui/components/carousel.tsx

@@ -225,6 +225,7 @@ function CarouselNext({
       onClick={scrollNext}
       {...props}
     >
+      
       <ArrowRight />
       <span className="sr-only">Next slide</span>
     </Button>

apps/web/app/page.tsx

@@ -1,17 +1,22 @@
 'use client';
 
-import Content from "@/components/content/page";
-import Footer from "@/components/footer/footer";
-import Header from "@/components/header/header";
-
+import Content from '@/components/content/page';
+import Footer from '@/components/footer/footer';
+import Header from '@/components/header/header';
+import Link from 'next/link';
 
 export default function HomePage() {
+	const product = 100;
 	return (
 		<>
 			<div className="w-[1920px] h-[1080px] mx-auto">
 				<Header />
 			<Content />
 			<Footer />
+				{/* <Link href="/upload">1111</Link>
+				<Link href={`/upload?product=${product}`} className="underline">
+					2222 {product}
+				</Link> */}
 			</div>
 		</>
 	);

apps/web/components/content/jcdt/fhwh/culture.tsx

@@ -69,6 +69,54 @@ const CulturePage: React.FC = () => {
 					title: '烽火文化活动5',
 					relative_link: '/culture/5',
 				},
+				{
+					id: 6,
+					cover: '/x4.png',
+					title: '烽火文化活动6',
+					relative_link: '/culture/5',
+				},
+				{
+					id: 7,
+					cover: '/x4.png',
+					title: '烽火文化活动7',
+					relative_link: '/culture/5',
+				},
+				{
+					id: 8,
+					cover: '/x4.png',
+					title: '烽火文化活动8',
+					relative_link: '/culture/5',
+				},
+				{
+					id: 9,
+					cover: '/x4.png',
+					title: '烽火文化活动9',
+					relative_link: '/culture/5',
+				},
+				{
+					id: 10,
+					cover: '/x4.png',
+					title: '烽火文化活动10',
+					relative_link: '/culture/5',
+				},
+				{
+					id: 11,
+					cover: '/x4.png',
+					title: '烽火文化活动11',
+					relative_link: '/culture/5',
+				},
+				{
+					id: 12,
+					cover: '/x4.png',
+					title: '烽火文化活动12',
+					relative_link: '/culture/5',
+				},
+				{
+					id: 13,
+					cover: '/x4.png',
+					title: '烽火文化活动13',
+					relative_link: '/culture/5',
+				},
 			];
 
 			// 模拟选项页面数据
@@ -135,25 +183,38 @@ const CulturePage: React.FC = () => {
 						}}
 					>
 						<Swiper
-							effect="coverflow"
 							grabCursor={true}
 							centeredSlides={true}
 							slidesPerView={4}
 							spaceBetween={100}
 							loop={true}
-							coverflowEffect={{
-								rotate: 0,
-								stretch: 0,
-								depth: 100,
-								modifier: 1,
-								slideShadows: false,
-							}}
+							loopAdditionalSlides={5}
+							speed={5000}
 							autoplay={{
-								delay: 3000,
+								delay: 0,
 								disableOnInteraction: false,
+								pauseOnMouseEnter: true,
+								// waitForTransition: false,
+								waitForTransition: true,
+								stopOnLastSlide: false,
+								reverseDirection: false,
 							}}
-							modules={[EffectCoverflow, Pagination, Autoplay, Navigation]}
-							className="mySwiper w-full h-full bg-cover bg-center "
+							allowTouchMove={false}
+							resistance={false}
+							resistanceRatio={0}
+							watchSlidesProgress={true}
+							preventInteractionOnTransition={false}
+							runCallbacksOnInit={false}
+							modules={[Autoplay]}
+							className="mySwiper w-full h-full bg-cover bg-center"
+							style={
+								{
+									'--swiper-transition-timing-function': 'linear',
+									'--swiper-wrapper-transition-timing-function': 'linear',
+									'--swiper-pagination-color': 'transparent',
+									'--swiper-navigation-color': 'transparent',
+								} as React.CSSProperties
+							}
 						>
 							{displayItems.map((item) => (
 								<SwiperSlide key={item.id}>
@@ -161,15 +222,15 @@ const CulturePage: React.FC = () => {
 										href={item.relative_link}
 										target="_blank"
 										rel="noopener noreferrer"
-										className="block transition-transform duration-300 hover:scale-105  "
+										className="block hover:scale-105"
 									>
 										<img
-											className="ml-15 mx-auto  object-fill select-none "
+											className="ml-15 mx-auto object-fill select-none"
 											style={{ width: '395px', height: '515px' }}
 											src={item.cover}
 											alt={item.title}
 											onError={(e) => {
-												e.currentTarget.src = '/placeholder-image.jpg'; // 备用图片
+												e.currentTarget.src = '/placeholder-image.jpg';
 											}}
 										/>
 									</a>

apps/web/components/content/jcdt/fhwh/culturebg.tsx

@@ -49,7 +49,7 @@ const CultureBgPage: React.FC = () => {
                 alt={logo.alt}
                 className="w-[130px] h-[130px] object-contain hover:scale-[1.85] transition-transform duration-200 cursor-pointer"
                 style={{
-                  transformOrigin: 'center'
+                  transformOrigin: 'center',
                 }}
               />                                          
             ))}

apps/web/components/content/navbar/page.tsx

@@ -130,7 +130,6 @@ const Navbar: React.FC = () => {
 							transition: 'left 0.3s ease, width 0.3s ease',
 						}}
 					/>
-
 					{list.map((item, index) => (
 						<a
 							key={index}