feat: add footer info
This commit is contained in:
11
src/components/Footer/index.tsx
Normal file
11
src/components/Footer/index.tsx
Normal 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;
|
2
src/types/user/user.d.ts
vendored
2
src/types/user/user.d.ts
vendored
@@ -75,7 +75,7 @@ declare namespace API {
|
|||||||
}
|
}
|
||||||
type
|
type
|
||||||
FakeCaptcha = ResponseStructure & {
|
FakeCaptcha = ResponseStructure & {
|
||||||
data?: boolean;
|
data?: boolean,
|
||||||
};
|
};
|
||||||
|
|
||||||
type PhonePasswordLoginParams = {
|
type PhonePasswordLoginParams = {
|
||||||
|
@@ -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%);
|
||||||
|
@@ -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,9 +28,11 @@ const iconStyles: CSSProperties = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export default observer(() => {
|
export default observer(() => {
|
||||||
const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
|
// @ts-ignore
|
||||||
|
const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
|
||||||
const [form] = Form.useForm()
|
const [form] = Form.useForm()
|
||||||
const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
|
// @ts-ignore
|
||||||
|
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>
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
@@ -7,13 +7,16 @@ 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(() => {
|
||||||
const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
|
// @ts-ignore
|
||||||
|
const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
|
||||||
const [form] = Form.useForm()
|
const [form] = Form.useForm()
|
||||||
const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
|
// @ts-ignore
|
||||||
|
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>
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
Reference in New Issue
Block a user