This commit is contained in:
zhangjianjun 2026-04-13 14:58:04 +08:00
parent 7345586831
commit 6b2ca339a2
2 changed files with 9 additions and 6 deletions

View File

@ -1,4 +1,5 @@
.topTabsSection {
padding: 6.25rem 0 0 0;
padding: 6.25rem 16.25rem 0 16.25rem;
width: 100%;
height: calc(100vh / var(--zoom-compensation, 1));
@ -182,16 +183,19 @@
flex: 8;
img {
width: 50rem;
height: 31.25rem;
/* width: 50rem;
height: 31.25rem; */
width: 41.667vw;
aspect-ratio: 800 / 500;
object-fit: cover;
display: block;
}
}
.sideImageSwiper {
width: 50rem;
height: 31.25rem;
/* width: 50rem;
height: 31.25rem; */
width: 41.667vw;
--swiper-pagination-color: #14355c;
--swiper-pagination-bullet-inactive-color: #d5d8dc;
--swiper-pagination-bullet-inactive-opacity: 1;

View File

@ -94,7 +94,6 @@ export default function TopTabsSection({ data, className }: { data: Data, classN
dangerouslySetInnerHTML={{ __html: data.tabItems[activeIndex].contentText ?? data.tabItems[activeIndex].content as any }}
>
{/* {data.tabItems[activeIndex].contentText ?? data.tabItems[activeIndex].content} */}
</p>
</ScrollReveal>
</div>
@ -120,7 +119,7 @@ export default function TopTabsSection({ data, className }: { data: Data, classN
</SwiperSlide>
))}
</Swiper>
) : (
) : (
<img src={sideSlides[0] || sideSlides as any} alt="" />
)}
</ScrollReveal>