zhangjianjun
/
yintai-company-home
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ud

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/layout/TopTabsSection/index.module.css
View File

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

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