This commit is contained in:
parent
b4dc61ee54
commit
592d205d87
|
|
@ -9,9 +9,9 @@ type Data = {
|
||||||
tags?: string[];
|
tags?: string[];
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function ParagraphSection({ data, children }: { data: Data, children?: React.ReactNode }) {
|
export default function ParagraphSection({ data, children, className }: { data: Data, children?: React.ReactNode, className?: string }) {
|
||||||
return (
|
return (
|
||||||
<section className={styles.paragraphSection} style={{ backgroundImage: `url(${data.backgroundImage})` }}>
|
<section className={`${styles.paragraphSection} ${className}`} style={{ backgroundImage: `url(${data.backgroundImage})` }}>
|
||||||
<div className="w-72-inner">
|
<div className="w-72-inner">
|
||||||
<div className={`${styles.paragraphSectionContent} normal-p`}>
|
<div className={`${styles.paragraphSectionContent} normal-p`}>
|
||||||
<p><span className={styles.paragraphSectionTitle}>{data.title} </span>{data.content}</p>
|
<p><span className={styles.paragraphSectionTitle}>{data.title} </span>{data.content}</p>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,13 @@
|
||||||
.topTabsSection {
|
.topTabsSection {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
|
height: 94vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.topTabsSectionP {
|
||||||
|
padding-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* 公益传播 */
|
/* 公益传播 */
|
||||||
.publicWelfareDataItems {
|
.publicWelfareDataItems {
|
||||||
/* 2列 */
|
/* 2列 */
|
||||||
|
|
|
||||||
|
|
@ -79,7 +79,7 @@ export default function Foundation() {
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{section1Data && (
|
{section1Data && (
|
||||||
<ParagraphSection data={section1Data}>
|
<ParagraphSection data={section1Data} className={styles.topTabsSectionP} >
|
||||||
<div style={{ marginTop: "6.25rem" }} />
|
<div style={{ marginTop: "6.25rem" }} />
|
||||||
{section1Data.tabItems && <TopTabsSection data={{ tabItems: section1Data.tabItems }} className={styles.topTabsSection} />}
|
{section1Data.tabItems && <TopTabsSection data={{ tabItems: section1Data.tabItems }} className={styles.topTabsSection} />}
|
||||||
</ParagraphSection>
|
</ParagraphSection>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue