ud

src/components/layout/ParagraphSection/index.tsx

@@ -9,9 +9,9 @@ type Data = {
     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 (
-        <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={`${styles.paragraphSectionContent} normal-p`}>
                     <p><span className={styles.paragraphSectionTitle}>{data.title} </span>{data.content}</p>

src/pages/Social/Foundation.module.css

@@ -1,7 +1,13 @@
 .topTabsSection {
     padding: 0 !important;
+    height: 94vh;
 }
 
+.topTabsSectionP {
+    padding-bottom: 0 !important;
+}
+
+
 /* 公益传播 */
 .publicWelfareDataItems {
     /* 2列 */

src/pages/Social/Foundation.tsx

@@ -79,7 +79,7 @@ export default function Foundation() {
             />
 
             {section1Data && (
-                <ParagraphSection data={section1Data}>
+                <ParagraphSection data={section1Data} className={styles.topTabsSectionP} >
                     <div style={{ marginTop: "6.25rem" }} />
                     {section1Data.tabItems && <TopTabsSection data={{ tabItems: section1Data.tabItems }} className={styles.topTabsSection} />}
                 </ParagraphSection>