feat: add footer info

This commit is contained in:
landaiqing
2024-04-15 23:17:47 +08:00
parent 0b7d88b74e
commit 2656b6a6f7
5 changed files with 26 additions and 10 deletions

View File

@@ -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;

View File

@@ -75,7 +75,7 @@ declare namespace API {
} }
type type
FakeCaptcha = ResponseStructure & { FakeCaptcha = ResponseStructure & {
data?: boolean; data?: boolean,
}; };
type PhonePasswordLoginParams = { type PhonePasswordLoginParams = {

View File

@@ -4,10 +4,7 @@
box-sizing: border-box; box-sizing: border-box;
} }
body {
padding: 0;
margin: 0;
}
.container { .container {
position: absolute; position: absolute;
@@ -19,7 +16,7 @@ body {
} }
.container-star { .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 { .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%); 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%);

View File

@@ -16,6 +16,7 @@ import logo from '@/assets/icons/schisandra.svg'
import qrCode from '@/assets/images/login_qrcode-landaiqing.jpg' import qrCode from '@/assets/images/login_qrcode-landaiqing.jpg'
import './index.less' import './index.less'
import { observer } from 'mobx-react' import { observer } from 'mobx-react'
import FooterComponent from "@/components/Footer";
// import useStore from '@/utils/store/useStore.tsx' // import useStore from '@/utils/store/useStore.tsx'
type LoginType = 'account' | 'phone' type LoginType = 'account' | 'phone'
@@ -27,8 +28,10 @@ const iconStyles: CSSProperties = {
} }
export default observer(() => { export default observer(() => {
// @ts-ignore
const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({}) const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
const [form] = Form.useForm() const [form] = Form.useForm()
// @ts-ignore
const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' }) const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
const clickGetBase64CodeMethod = async () => { const clickGetBase64CodeMethod = async () => {
await getBase64CodeMethod() await getBase64CodeMethod()
@@ -372,6 +375,7 @@ export default observer(() => {
</Space> </Space>
</Space> </Space>
</div> </div>
<FooterComponent></FooterComponent>
</div> </div>
) )
}) })

View File

@@ -7,12 +7,15 @@ import logo from '@/assets/icons/schisandra.svg'
import qrCode from '@/assets/images/login_qrcode-landaiqing.jpg' import qrCode from '@/assets/images/login_qrcode-landaiqing.jpg'
import './index.less' import './index.less'
import { observer } from 'mobx-react' import { observer } from 'mobx-react'
import FooterComponent from "@/components/Footer";
// import useStore from '@/utils/store/useStore.tsx' // import useStore from '@/utils/store/useStore.tsx'
type LoginType = 'phone' type LoginType = 'phone'
export default observer(() => { export default observer(() => {
// @ts-ignore
const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({}) const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
const [form] = Form.useForm() const [form] = Form.useForm()
// @ts-ignore
const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' }) const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
const clickGetBase64CodeMethod = async () => { const clickGetBase64CodeMethod = async () => {
await getBase64CodeMethod() await getBase64CodeMethod()
@@ -251,6 +254,7 @@ export default observer(() => {
</Space> </Space>
</Space> </Space>
</div> </div>
<FooterComponent/>
</div> </div>
) )
}) })