diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
new file mode 100644
index 0000000..3c20c39
--- /dev/null
+++ b/src/components/Footer/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+const FooterComponent: React.FC = () => {
+
+	return (
+		<div style={{textAlign: 'center',color: 'black'}}>
+			schisandra ©{new Date().getFullYear()} Created by schisandra
+		</div>
+	);
+};
+
+export default FooterComponent;
diff --git a/src/types/user/user.d.ts b/src/types/user/user.d.ts
index 6027952..7c373c9 100644
--- a/src/types/user/user.d.ts
+++ b/src/types/user/user.d.ts
@@ -75,7 +75,7 @@ declare namespace API {
 	}
 	type
 		FakeCaptcha = ResponseStructure & {
-		data?: boolean;
+		data?: boolean,
 	};
 
 	type PhonePasswordLoginParams = {
diff --git a/src/views/404/index.less b/src/views/404/index.less
index 33629ec..f2dbb88 100644
--- a/src/views/404/index.less
+++ b/src/views/404/index.less
@@ -4,10 +4,7 @@
 	box-sizing: border-box;
 }
 
-body {
-	padding: 0;
-	margin: 0;
-}
+
 
 .container {
 	position: absolute;
@@ -19,7 +16,7 @@ body {
 }
 
 .container-star {
-	background-image: linear-gradient(to bottom, #292256 0%, #8446cf 70%, #a871d6 100%);
+	//background-image: linear-gradient(to bottom, #292256 0%, #8446cf 70%, #a871d6 100%);
 }
 .container-star:after {
 	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(15, 10, 38, 0.2) 100%);
diff --git a/src/views/User/Login/index.tsx b/src/views/User/Login/index.tsx
index a5004fb..0aec894 100644
--- a/src/views/User/Login/index.tsx
+++ b/src/views/User/Login/index.tsx
@@ -16,6 +16,7 @@ import logo from '@/assets/icons/schisandra.svg'
 import qrCode from '@/assets/images/login_qrcode-landaiqing.jpg'
 import './index.less'
 import { observer } from 'mobx-react'
+import FooterComponent from "@/components/Footer";
 // import useStore from '@/utils/store/useStore.tsx'
 type LoginType = 'account' | 'phone'
 
@@ -27,9 +28,11 @@ const iconStyles: CSSProperties = {
 }
 
 export default observer(() => {
-    const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
+    // @ts-ignore
+	const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
     const [form] = Form.useForm()
-    const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
+    // @ts-ignore
+	const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
     const clickGetBase64CodeMethod = async () => {
         await getBase64CodeMethod()
     }
@@ -372,6 +375,7 @@ export default observer(() => {
                     </Space>
                 </Space>
             </div>
+			<FooterComponent></FooterComponent>
         </div>
     )
 })
diff --git a/src/views/User/Register/index.tsx b/src/views/User/Register/index.tsx
index 72f658b..266be85 100644
--- a/src/views/User/Register/index.tsx
+++ b/src/views/User/Register/index.tsx
@@ -7,13 +7,16 @@ import logo from '@/assets/icons/schisandra.svg'
 import qrCode from '@/assets/images/login_qrcode-landaiqing.jpg'
 import './index.less'
 import { observer } from 'mobx-react'
+import FooterComponent from "@/components/Footer";
 // import useStore from '@/utils/store/useStore.tsx'
 type LoginType = 'phone'
 
 export default observer(() => {
-    const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
+    // @ts-ignore
+	const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
     const [form] = Form.useForm()
-    const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
+    // @ts-ignore
+	const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
     const clickGetBase64CodeMethod = async () => {
         await getBase64CodeMethod()
     }
@@ -251,6 +254,7 @@ export default observer(() => {
                     </Space>
                 </Space>
             </div>
+			<FooterComponent/>
         </div>
     )
 })