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-31 15:31:41 +08:00
parent bfa8a47630
commit ac7600de32
4 changed files with 43 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,7 +20,7 @@ type Data = {
}[];
}
export default function SwiperCardSection({ data }: { data: Data }) {
export default function SwiperCardSection({ data, disableHover=false }: { data: Data, disableHover?: boolean }) {
const location = useLocation();
const hash = location.hash;
const hashId = decodeURIComponent(hash.replace('#', ''));
@ -63,7 +63,7 @@ export default function SwiperCardSection({ data }: { data: Data }) {
{data.cardItems.map((item, index) => (
<SwiperSlide key={item.title}>
<ScrollReveal preset="slideUp" amount={0.2} delay={index > 2 ? 0 : index * 0.5}>
<div className={styles.swiperCardItem}>
<div className={styles.swiperCardItem} style={{ pointerEvents: disableHover ? 'none' : 'auto' }}>
<img src={item.backgroundImage ?? item.image ?? ""} alt={item.title} />
<div className={styles.swiperMask}></div>
<div className={styles.swiperContent}>

7
src/pages/About/Founder.module.css
View File

@ -172,6 +172,13 @@
gap: 1rem;
width: 70%;
margin: 0 auto;
margin-top: -50px;
}
.section3Col {
display: flex;
flex-direction: column;
gap: 1rem;
}
.section3Item {

52
src/pages/About/Founder.tsx
View File

@ -17,8 +17,16 @@ export default function AboutFounder() {
const section2Data = founder?.section2Data;
const section3Data = founder?.section3Data;
const section4Data = founder?.section4Data;
if (!founder) return null;
const items = (section3Data.items || []).reduce((p: any, c: any) => {
const col = Number(c.column) - 1
if (p[col]) {
p[col].push(c)
} else {
p[col] = []
p[col].push(c)
}
return p
}, [])
return (
<div>
@ -34,16 +42,16 @@ export default function AboutFounder() {
<div className={styles.images}>
{section1Data.items?.map((item: { title: string; content?: string; backgroundImage?: string }, index: number) => (
<ScrollReveal preset="slideUp" amount={0.2} delay={index * 0.5} key={item.title}>
<div className={styles.imageItem} key={item.title}>
<img src={item.backgroundImage} alt={item.title} />
<div className={styles.imageMask} />
<div className={styles.imageOverlay}>
<div className={styles.imageOverlayTitle}>
<span>{item.title}</span>
<div className={styles.imageItem} key={item.title}>
<img src={item.backgroundImage} alt={item.title} />
<div className={styles.imageMask} />
<div className={styles.imageOverlay}>
<div className={styles.imageOverlayTitle}>
<span>{item.title}</span>
</div>
<div className={styles.imageOverlayDesc} dangerouslySetInnerHTML={{ __html: item.content ?? "" }}></div>
</div>
<div className={styles.imageOverlayDesc} dangerouslySetInnerHTML={{ __html: item.content ?? "" }}></div>
</div>
</div>
</ScrollReveal>
))}
</div>
@ -65,12 +73,12 @@ export default function AboutFounder() {
</div>
<div className={styles.founderPhoto}>
<ScrollReveal preset="slideRight" amount={0.2} delay={0} duration={1}>
<img src={section2Data.sideImage} alt="个人照" />
<img src={section2Data.sideImage} alt="个人照" />
</ScrollReveal>
<ScrollReveal preset="slideUp" amount={0.2} delay={0.9} duration={1}>
<div className={styles.founderPhotoContent}>
<p dangerouslySetInnerHTML={{ __html: section2Data.content ?? "" }} />
</div>
<div className={styles.founderPhotoContent}>
<p dangerouslySetInnerHTML={{ __html: section2Data.content ?? "" }} />
</div>
</ScrollReveal>
</div>
</section>
@ -81,12 +89,18 @@ export default function AboutFounder() {
<Section title={section3Data?.title} titleColor="#fff" background={section3Data?.backgroundImage}>
<div className={styles.section3Content}>
{
section3Data?.items.map((item: { title?: string }, index: number) => (
<ScrollReveal preset="slideUp" amount={0.2} delay={index * 0.5} key={item.title}>
<div key={index} className={styles.section3Item}>
{item.title ? <li>{item.title}</li> : null}
items.map((col: any, index: number) => (
<div className={styles.section3Col} key={index}>
{
col.map((item: any, colIndex: number) => (
<ScrollReveal preset="slideUp" amount={0.2} delay={colIndex * 0.5} key={item.title}>
<div key={index} className={styles.section3Item}>
{item.title ? <li>{item.title}</li> : null}
</div>
</ScrollReveal>
))
}
</div>
</ScrollReveal>
))
}
</div>

2
src/pages/PropertyService/index.tsx
View File

@ -39,7 +39,7 @@ export default function PropertyService() {
/>
{section1Data && <ParagraphSection data={section1Data} />}
{swiperCardData && <SwiperCardSection data={swiperCardData} />}
{swiperCardData && <SwiperCardSection data={swiperCardData} disableHover />}
{rowAccordionData && <RowAccordion data={rowAccordionData} />}
{section4Data && <HonorGrids data={section4Data} />}
</div>