ソースを参照

feat: ContactUs 组件更新为响应式图片展示

nahida 4 ヶ月 前
コミット
22ce510375

BIN
public/assets/about/24.jpg


BIN
public/assets/about/25.jpg


+ 2 - 2
src/app/about/page.tsx

@@ -160,7 +160,7 @@ export default async function Home() {
         </AnimatedSection>
 
         {/* 公司招聘 */}
-        <AnimatedSection effect="slide" direction="right">
+        {/* <AnimatedSection effect="slide" direction="right">
           <section
             id="section-3"
             className="scroll-mt-10 w-full py-12 px-4 bg-[url('/assets/about/20.png')]"
@@ -170,7 +170,7 @@ export default async function Home() {
             </div>
             <Recruitment list={res.data.records}/>
           </section>
-        </AnimatedSection>
+        </AnimatedSection> */}
         {/* 联系我们 */}
         <AnimatedSection effect="slide" direction="left">
           <ContactUs basicInfo={basicInfo} locationInfoList={locationInfoList}/>

+ 18 - 2
src/components/about/ContactUs.tsx

@@ -47,7 +47,23 @@ function ContactUs({basicInfo, locationInfoList}: { basicInfo: BasicInfo, locati
         <div className="my-10 sm:my-6">
           <SubTitle title="联系我们"/>
         </div>
-        <div className="grid sm:grid-cols-1 md:grid-cols-2 gap-6">
+        <div className="w-full">
+          <Image
+            src="/assets/about/24.jpg"
+            alt="contact"
+            width={1000}
+            height={1000}
+            className="w-full h-auto block sm:block"
+          />
+          <Image
+            src="/assets/about/25.jpg"
+            alt="contact"
+            width={1000}
+            height={1000}
+            className="w-full h-auto hidden sm:hidden"
+          />
+        </div>
+        {/* <div className="grid sm:grid-cols-1 md:grid-cols-2 gap-6">
           <div className="h-88" id="container"></div>
           <div className="space-y-4">
             <div className="bg-gray-300 w-60 h-60">
@@ -57,7 +73,7 @@ function ContactUs({basicInfo, locationInfoList}: { basicInfo: BasicInfo, locati
             <p>邮箱:{basicInfo.email}</p>
             <p>地址:{basicInfo.address}</p>
           </div>
-        </div>
+        </div> */}
       </section>
     </>
   );