Files
NotionNext/themes/Hexo/LayoutBase.js
2022-01-24 16:48:48 +08:00

35 lines
770 B
JavaScript

import CommonHead from '@/components/CommonHead'
import Footer from './components/Footer'
import SideRight from './components/SideRight'
/**
* 基础布局 采用左右两侧布局,移动端使用顶部导航栏
* @param props
* @returns {JSX.Element}
* @constructor
*/
const LayoutBase = (props) => {
const { children, headerSlot, meta } = props
return (<div className='bg-white'>
<CommonHead meta={meta} />
{headerSlot}
<main id='wrapper' className='flex w-full justify-center py-8 min-h-screen'>
<div id='container-inner' className='w-full mx-auto flex justify-between max-w-6xl'>
{children}
<SideRight {...props}/>
</div>
</main>
<Footer title={meta.title}/>
</div>)
}
export default LayoutBase