Jelajahi Sumber

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

nahida 4 bulan lalu
induk
melakukan
22ce510375
4 mengubah file dengan 20 tambahan dan 4 penghapusan
  1. TEMPAT SAMPAH
      public/assets/about/24.jpg
  2. TEMPAT SAMPAH
      public/assets/about/25.jpg
  3. 2 2
      src/app/about/page.tsx
  4. 18 2
      src/components/about/ContactUs.tsx

TEMPAT SAMPAH
public/assets/about/24.jpg


TEMPAT SAMPAH
public/assets/about/25.jpg


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

@@ -160,7 +160,7 @@ export default async function Home() {
         </AnimatedSection>
         </AnimatedSection>
 
 
         {/* 公司招聘 */}
         {/* 公司招聘 */}
-        <AnimatedSection effect="slide" direction="right">
+        {/* <AnimatedSection effect="slide" direction="right">
           <section
           <section
             id="section-3"
             id="section-3"
             className="scroll-mt-10 w-full py-12 px-4 bg-[url('/assets/about/20.png')]"
             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>
             </div>
             <Recruitment list={res.data.records}/>
             <Recruitment list={res.data.records}/>
           </section>
           </section>
-        </AnimatedSection>
+        </AnimatedSection> */}
         {/* 联系我们 */}
         {/* 联系我们 */}
         <AnimatedSection effect="slide" direction="left">
         <AnimatedSection effect="slide" direction="left">
           <ContactUs basicInfo={basicInfo} locationInfoList={locationInfoList}/>
           <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">
         <div className="my-10 sm:my-6">
           <SubTitle title="联系我们"/>
           <SubTitle title="联系我们"/>
         </div>
         </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="h-88" id="container"></div>
           <div className="space-y-4">
           <div className="space-y-4">
             <div className="bg-gray-300 w-60 h-60">
             <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.email}</p>
             <p>地址:{basicInfo.address}</p>
             <p>地址:{basicInfo.address}</p>
           </div>
           </div>
-        </div>
+        </div> */}
       </section>
       </section>
     </>
     </>
   );
   );