d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-06 15:10:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

theme-starter 修复 noteform无法关闭的bug.

Browse Source
This commit is contained in:
tangly1024.com
2024-04-08 12:07:03 +08:00
parent e6c69dbbae
commit 214b40fb5a
2 changed files with 166 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
themes/starter/components/Contact.js
View File

@@ -1,90 +1,99 @@
import { siteConfig } from '@/lib/config'
import CONFIG from '../config'
import { SVGLocation } from './svg/SVGLocation'
import { SVGEmail } from './svg/SVGEmail'
import { SVGLocation } from './svg/SVGLocation'
/* eslint-disable react/no-unescaped-entities */
export const Contact = () => {
return <>
{/* <!-- ====== Contact Start ====== --> */}
<section id="contact" className="relative py-20 md:py-[120px]">
<div
className="absolute left-0 top-0 -z-[1] h-full w-full dark:bg-dark"
></div>
<div
className="absolute left-0 top-0 -z-[1] h-1/2 w-full bg-[#E9F9FF] dark:bg-dark-700 lg:h-[45%] xl:h-1/2"
></div>
<div className="container px-4">
<div className="-mx-4 flex flex-wrap items-center">
{/* 联系方式左侧文字 */}
<div className="w-full px-4 lg:w-7/12 xl:w-8/12">
<div className="ud-contact-content-wrapper">
<div className="ud-contact-title mb-12 lg:mb-[150px]">
<span
className="mb-6 block text-base font-medium text-dark dark:text-white"
>
{siteConfig('STARTER_CONTACT_TITLE', null, CONFIG)}
</span>
<h2
className="max-w-[260px] text-[35px] font-semibold leading-[1.14] text-dark dark:text-white"
>
{siteConfig('STARTER_CONTACT_TEXT', null, CONFIG)}
</h2>
</div>
<div className="mb-12 flex flex-wrap justify-between lg:mb-0">
<div className="mb-8 flex w-[330px] max-w-full">
<div className="mr-6 text-[32px] text-primary">
<SVGLocation/>
</div>
<div>
<h5
className="mb-[18px] text-lg font-semibold text-dark dark:text-white"
>
{siteConfig('STARTER_CONTACT_LOCATION_TITLE', null, CONFIG)}
</h5>
<p className="text-base text-body-color dark:text-dark-6">
{siteConfig('STARTER_CONTACT_LOCATION_TEXT', null, CONFIG)}
</p>
</div>
return (
<>
{/* <!-- ====== Contact Start ====== --> */}
<section id='contact' className='relative py-20 md:py-[120px]'>
<div className='absolute left-0 top-0 -z-[1] h-full w-full dark:bg-dark'></div>
<div className='absolute left-0 top-0 -z-[1] h-1/2 w-full bg-[#E9F9FF] dark:bg-dark-700 lg:h-[45%] xl:h-1/2'></div>
<div className='container px-4'>
<div className='-mx-4 flex flex-wrap items-center'>
{/* 联系方式左侧文字 */}
<div className='w-full px-4 lg:w-7/12 xl:w-8/12'>
<div className='ud-contact-content-wrapper'>
<div className='ud-contact-title mb-12 lg:mb-[150px]'>
<span className='mb-6 block text-base font-medium text-dark dark:text-white'>
{siteConfig('STARTER_CONTACT_TITLE', null, CONFIG)}
</span>
<h2 className='max-w-[260px] text-[35px] font-semibold leading-[1.14] text-dark dark:text-white'>
{siteConfig('STARTER_CONTACT_TEXT', null, CONFIG)}
</h2>
</div>
<div className="mb-8 flex w-[330px] max-w-full">
<div className="mr-6 text-[32px] text-primary">
<SVGEmail/>
<div className='mb-12 flex flex-wrap justify-between lg:mb-0'>
<div className='mb-8 flex w-[330px] max-w-full'>
<div className='mr-6 text-[32px] text-primary'>
<SVGLocation />
</div>
<div>
<h5 className='mb-[18px] text-lg font-semibold text-dark dark:text-white'>
{siteConfig(
'STARTER_CONTACT_LOCATION_TITLE',
null,
CONFIG
)}
</h5>
<p className='text-base text-body-color dark:text-dark-6'>
{siteConfig(
'STARTER_CONTACT_LOCATION_TEXT',
null,
CONFIG
)}
</p>
</div>
</div>
<div>
<h5
className="mb-[18px] text-lg font-semibold text-dark dark:text-white"
>
{siteConfig('STARTER_CONTACT_EMAIL_TITLE', null, CONFIG)}
</h5>
<p className="text-base text-body-color dark:text-dark-6">
{siteConfig('STARTER_CONTACT_EMAIL_TEXT', null, CONFIG)}
</p>
<div className='mb-8 flex w-[330px] max-w-full'>
<div className='mr-6 text-[32px] text-primary'>
<SVGEmail />
</div>
<div>
<h5 className='mb-[18px] text-lg font-semibold text-dark dark:text-white'>
{siteConfig(
'STARTER_CONTACT_EMAIL_TITLE',
null,
CONFIG
)}
</h5>
<p className='text-base text-body-color dark:text-dark-6'>
{siteConfig('STARTER_CONTACT_EMAIL_TEXT', null, CONFIG)}
</p>
</div>
</div>
</div>
</div>
</div>
{siteConfig('STARTER_CONTACT_MSG_EXTERNAL_URL', null, CONFIG) && (
<>
{/* 联系方式右侧留言 */}
<div className='w-full px-4 lg:w-5/12 xl:w-4/12'>
<div
className='wow fadeInUp rounded-lg bg-white px-8 py-10 shadow-testimonial dark:bg-dark-2 dark:shadow-none sm:px-10 sm:py-12 md:p-[60px] lg:p-10 lg:px-10 lg:py-12 2xl:p-[60px]'
data-wow-delay='.2s'>
{/* 自定义的留言表单 、 需要对接接口 */}
{/* <MessageForm/> */}
{/* 嵌入外部表单 */}
<iframe
src={siteConfig(
'STARTER_CONTACT_MSG_EXTERNAL_URL',
null,
CONFIG
)}
width='100%'
height='500px'
frameBorder='0'></iframe>
</div>
</div>
</>
)}
</div>
{/* 联系方式右侧留言 */}
<div className="w-full px-4 lg:w-5/12 xl:w-4/12">
<div
className="wow fadeInUp rounded-lg bg-white px-8 py-10 shadow-testimonial dark:bg-dark-2 dark:shadow-none sm:px-10 sm:py-12 md:p-[60px] lg:p-10 lg:px-10 lg:py-12 2xl:p-[60px]"
data-wow-delay=".2s"
>
{/* 自定义的留言表单 、 需要对接接口 */}
{/* <MessageForm/> */}
{/* 嵌入外部表单 */}
<iframe src="https://noteforms.com/forms/yfctc7" width="100%" height="500px" frameBorder="0"></iframe>
</div>
</div>
</div>
</div>
</section>
{/* <!-- ====== Contact End ====== --> */}
</>
</section>
{/* <!-- ====== Contact End ====== --> */}
</>
)
}