fix: 解决页面body样式污染问题

src/layout/default/index.tsx

@@ -1,9 +1,16 @@
-import React from 'react'
+import React, { useEffect } from 'react'
 import LeftArea from '@/layout/default/left-area'
 import MainArea from '@/layout/default/main-area'
 import RightArea from '@/layout/default/right-area'
 import './index.less'
+import Footer from '@/components/Footer'
 const DefaultLayOut: React.FC = () => {
+    useEffect(() => {
+        document.body.classList.add('main-body')
+        return () => {
+            document.body.classList.remove('main-body')
+        }
+    }, [])
     return (
         <>
             <div className='app-container'>
@@ -11,6 +18,7 @@ const DefaultLayOut: React.FC = () => {
                 <MainArea />
                 <RightArea />
             </div>
+            <Footer />
         </>
     )
 }