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-03-28 17:58:51 +08:00
parent 452ee7643d
commit bf1e0ec53c
7 changed files with 26 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/layout/ParagraphSection/index.module.css
View File

@ -1,11 +1,13 @@
.paragraphSection { .paragraphSection {
padding: 6.25rem 16.25rem; padding: 6.25rem 14vw;
padding: 6.25rem 0;
background: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.8);
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
} }
.paragraphSectionContent { .paragraphSectionContent {
white-space: pre-line; white-space: pre-line;

28
src/components/layout/ParagraphSection/index.tsx
View File

@ -12,21 +12,23 @@ type Data = {
export default function ParagraphSection({ data, children }: { data: Data, children?: React.ReactNode }) { export default function ParagraphSection({ data, children }: { data: Data, children?: React.ReactNode }) {
return ( return (
<section className={styles.paragraphSection} style={{ backgroundImage: `url(${data.backgroundImage})` }}> <section className={styles.paragraphSection} style={{ backgroundImage: `url(${data.backgroundImage})` }}>
<div className={`${styles.paragraphSectionContent} normal-p`}> <div className="w-72-inner">
<p><span className={styles.paragraphSectionTitle}>{data.title} </span>{data.content}</p> <div className={`${styles.paragraphSectionContent} normal-p`}>
</div> <p><span className={styles.paragraphSectionTitle}>{data.title} </span>{data.content}</p>
{data.statsData && <StatsRow data={data.statsData} />}
{
data.tags && <div className={styles.tags}>
{
data.tags.map((tag) => (
<div key={tag} className={styles.tag}>{tag}</div>
))
}
</div> </div>
} {data.statsData && <StatsRow data={data.statsData} />}
{
data.tags && <div className={styles.tags}>
{
data.tags.map((tag) => (
<div key={tag} className={styles.tag}>{tag}</div>
))
}
</div>
}
{children} {children}
</div>
</section> </section>
) )
} }

3
src/components/layout/SwiperCardSection/index.tsx
View File

@ -83,7 +83,8 @@ export default function SwiperCardSection({ data }: { data: Data }) {
className={`${styles.navBtn} ${styles.nextBtn}`} className={`${styles.navBtn} ${styles.nextBtn}`}
onClick={() => swiperRef?.slideNext()} onClick={() => swiperRef?.slideNext()}
> >
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1638" width="24" height="24"><path d="M318.57 223.95l322.99 322.99c21.87 21.87 57.33 21.87 79.2 0 21.87-21.87 21.87-57.33 0-79.2l-323-322.99c-21.87-21.87-57.33-21.87-79.2 0-21.86 21.87-21.86 57.33 0.01 79.2z" fill="#14355C" p-id="1639"></path><path d="M729.75 555.95L406.76 878.93c-21.87 21.87-57.33 21.87-79.2 0-21.87-21.87-21.87-57.33 0-79.2l322.99-322.99c21.87-21.87 57.33-21.87 79.2 0 21.87 21.88 21.87 57.34 0 79.21z" fill="#14355C" p-id="1640"></path></svg> <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8355" width="24" height="24"><path d="M384.213333 170.666667l341.333334 341.333333-341.333334 341.333333L298.666667 768l256.213333-256L298.666667 256z" fill="#14355C" p-id="8356"></path></svg>
{/* <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1638" width="24" height="24"><path d="M318.57 223.95l322.99 322.99c21.87 21.87 57.33 21.87 79.2 0 21.87-21.87 21.87-57.33 0-79.2l-323-322.99c-21.87-21.87-57.33-21.87-79.2 0-21.86 21.87-21.86 57.33 0.01 79.2z" fill="#14355C" p-id="1639"></path><path d="M729.75 555.95L406.76 878.93c-21.87 21.87-57.33 21.87-79.2 0-21.87-21.87-21.87-57.33 0-79.2l322.99-322.99c21.87-21.87 57.33-21.87 79.2 0 21.87 21.88 21.87 57.34 0 79.21z" fill="#14355C" p-id="1640"></path></svg> */}
</button> </button>
)} )}
</div> </div>

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

@ -113,6 +113,7 @@
.topTabsContentLeft { .topTabsContentLeft {
flex: 6; flex: 6;
margin: auto 0; margin: auto 0;
width: 30.625rem;
.topTabsContentLeftHead { .topTabsContentLeftHead {
margin-bottom: 1.875rem; margin-bottom: 1.875rem;
@ -168,6 +169,7 @@
text-align: justify; text-align: justify;
font-style: normal; font-style: normal;
text-transform: none; text-transform: none;
white-space: pre-line;
} }
} }

1
src/components/layout/TopTabsSection/index.tsx
View File

@ -91,6 +91,7 @@ export default function TopTabsSection({ data, className }: { data: Data, classN
</div> </div>
<ScrollReveal preset="slideUp" delay={0.9} duration={1.1}> <ScrollReveal preset="slideUp" delay={0.9} duration={1.1}>
<p className={`${styles.topTabsContentLeftDesc} normal-p`} <p className={`${styles.topTabsContentLeftDesc} normal-p`}
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} */} {/* {data.tabItems[activeIndex].contentText ?? data.tabItems[activeIndex].content} */}

2
src/pages/Business/CommercialGroup.module.css
View File

@ -295,7 +295,7 @@
background: #14355C; background: #14355C;
border-color: #14355C; border-color: #14355C;
color: #FFFFFF; color: #FFFFFF;
border: .0625rem solid #FFFFFF; border: none;
} }

4
src/pages/Business/InvestGroup.tsx
View File

@ -37,10 +37,10 @@ export default function InvestGroup() {
<SectionTitle title={section2Data.title} color="#fff" /> <SectionTitle title={section2Data.title} color="#fff" />
<div className={styles.investGroupContent}> <div className={styles.investGroupContent}>
<div className={styles.investGroupContentItems}> <div className={styles.investGroupContentItems}>
{section2Data.items?.map((item: { title: string; content: string }, index: number) => ( {section2Data.items?.map((item: { title: string; content: string; logo: string }, index: number) => (
<ScrollReveal preset="slideUp" amount={0.2} delay={index * 0.5}> <ScrollReveal preset="slideUp" amount={0.2} delay={index * 0.5}>
<div className={styles.investGroupContentItem} key={index}> <div className={styles.investGroupContentItem} key={index}>
<div className={styles.investGroupContentItemTitle}>{item.title}</div> <img src={item.logo} style={{ height: '55px', objectFit: 'contain' }} alt="logo" />
<div className={styles.investGroupContentItemContent}>{item.content}</div> <div className={styles.investGroupContentItemContent}>{item.content}</div>
</div> </div>
</ScrollReveal> </ScrollReveal>