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-01 10:29:47 +08:00
parent b7864d6b04
commit 99bdd0f545
3 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/layout/TopTabsSection/TopTabs.tsx
View File

@ -111,7 +111,7 @@ export default function TopTabs({ data, activeIndex, setActiveIndex, className }
return ( return (
<div className={className} style={{position: 'relative'}}> <div className={className} style={{position: 'relative'}}>
{canScrollLeft && ( {/* {canScrollLeft && (
<button <button
type="button" type="button"
className={`${styles.topTabsNavBtn} ${styles.topTabsNavBtnLeft}`} className={`${styles.topTabsNavBtn} ${styles.topTabsNavBtnLeft}`}
@ -120,13 +120,13 @@ export default function TopTabs({ data, activeIndex, setActiveIndex, className }
> >
<LeftOutlined /> <LeftOutlined />
</button> </button>
)} )} */}
<div ref={containerRef} className={styles.topTabsTabs} <div ref={containerRef} className={styles.topTabsTabs}
> >
<div <div
ref={scrollRef} ref={scrollRef}
className={`${styles.topTabsTabsScroll} ${shouldCenter ? styles.topTabsTabsScrollCenter : ''}`} className={`${styles.topTabsTabsScroll} ${data.tabItems.length < 4 ? styles.topTabsTabsScrollCenter : ''}`}
> >
{data.tabItems.map((item, index) => ( {data.tabItems.map((item, index) => (
<div <div
@ -150,7 +150,7 @@ export default function TopTabs({ data, activeIndex, setActiveIndex, className }
className={styles.topTabsBottomLineWhite} className={styles.topTabsBottomLineWhite}
/> />
</div> </div>
{canScrollRight && ( {/* {canScrollRight && (
<button <button
type="button" type="button"
className={`${styles.topTabsNavBtn} ${styles.topTabsNavBtnRight}`} className={`${styles.topTabsNavBtn} ${styles.topTabsNavBtnRight}`}
@ -159,7 +159,7 @@ export default function TopTabs({ data, activeIndex, setActiveIndex, className }
> >
<RightOutlined /> <RightOutlined />
</button> </button>
)} )} */}
</div> </div>
); );
} }

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

@ -54,11 +54,12 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
padding: 0 20px; /* padding: 0 20px; */
justify-content: center;
gap: 70px; gap: 70px;
/* gap: 8.125rem; */ /* gap: 8.125rem; */
height: 100%; height: 100%;
overflow-x: auto; /* overflow-x: auto; */
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
/* 隐藏滚动条 */ /* 隐藏滚动条 */
scrollbar-width: none; scrollbar-width: none;
@ -77,7 +78,7 @@
.topTabsBottomLine { .topTabsBottomLine {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
height: 1px; height: 2px;
background: #14355C; background: #14355C;
transition: left 0.25s ease, width 0.25s ease; transition: left 0.25s ease, width 0.25s ease;
z-index: 1; z-index: 1;

11
src/pages/Business/RuijingGroup.module.css
View File

@ -1,9 +1,14 @@
.RuijingGroup { .RuijingGroup {}
}
.businessFeatureContent { .businessFeatureContent {
color: #fff; color: #fff;
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
line-height: 34px;
text-align: justify;
font-style: normal;
text-transform: none;
} }
@media (max-width: 48rem) { @media (max-width: 48rem) {